| | |
| | | <div class="nationList"> |
| | | <van-action-sheet v-model:show="isShow" :title="props.title"> |
| | | <form> |
| | | <van-search class="tabBackground" v-model="val" :placeholder="$t('entrynational')" @input="onSearch(val)" |
| | | @clear="onClear" /> |
| | | <van-search class="tabBackground" v-model="val" :placeholder="$t('entrynational')" |
| | | @input="onSearch(val)" @clear="onClear" /> |
| | | </form> |
| | | |
| | | <div class="flex pl-30 pr-30 pt-30 pb-30 justify-between list-view box-border textColor container" |
| | |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | @import "intl.css"; |
| | | |
| | | :deep(.van-action-sheet__header) { |
| | | background-color: $main2_background; |
| | | color: $text_color; |
| | | } |
| | | |
| | | .container { |
| | | background-color: $main2_background; |
| | | } |
| | | @import "@/assets/theme/index.scss"; |
| | | |
| | | .van-action-sheet__header { |
| | | color: $text_color4; |
| | |
| | | |
| | | .nationList { |
| | | :deep(.van-field__control) { |
| | | color: $text_color; |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | } |
| | | |
| | | :deep(.van-search__content) { |
| | | background: $tab_background; |
| | | color: $text_color; |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | background: themed("tab_background"); |
| | | } |
| | | } |
| | | |
| | | :deep(.van-action-sheet__content) { |
| | | background: $selectSymbol_background; |
| | | background: $selectSymbol_background; |
| | | } |
| | | </style> |