| | |
| | | <template> |
| | | <div class="markets"> |
| | | <tab-head :rightShow="false"> |
| | | <van-popover |
| | | v-model="switchShow" |
| | | trigger="click" |
| | | :actions="actions" |
| | | @select="onSelect" |
| | | placement="bottom-end" |
| | | > |
| | | <van-popover v-model="switchShow" trigger="click" :actions="actions" @select="onSelect" placement="bottom-end"> |
| | | <template #reference> |
| | | <div class="switch flex-center"> |
| | | <van-icon name="exchange" size=".45em" /> |
| | |
| | | </tab-head> |
| | | |
| | | <div class="tabs flex-between"> |
| | | <div |
| | | class="tab_item flex-center" |
| | | :class="{ active: item.pid == tab }" |
| | | v-for="item in tabList" |
| | | :key="item.pid" |
| | | @click="tab = item.pid" |
| | | > |
| | | <div class="tab_item flex-center" :class="{ active: item.pid == tab }" v-for="item in tabList" :key="item.pid" |
| | | @click="tab = item.pid"> |
| | | <span class="line-one">{{ item.name }}</span> |
| | | </div> |
| | | </div> |
| | |
| | | name: this.$t("美国") |
| | | }, |
| | | { |
| | | text: this.$t("hk1"), |
| | | value: "HK", |
| | | name: this.$t("hk1") |
| | | text: this.$t("日本"), |
| | | value: "JP", |
| | | name: this.$t("日本") |
| | | }, |
| | | { |
| | | text: this.$t("tw"), |
| | | value: "TW", |
| | | name: this.$t("tw") |
| | | }, |
| | | { |
| | | text: this.$t("id1"), |
| | | value: "IN", |
| | | name: this.$t("id1") |
| | | } |
| | | // { |
| | | // text: this.$t("hk1"), |
| | | // value: "HK", |
| | | // name: this.$t("hk1") |
| | | // }, |
| | | // { |
| | | // text: this.$t("tw"), |
| | | // value: "TW", |
| | | // name: this.$t("tw") |
| | | // }, |
| | | ], |
| | | tabList: [], |
| | | tab: 1, |
| | |
| | | } |
| | | await this.getTabData(); |
| | | }, |
| | | mounted() {}, |
| | | mounted() { }, |
| | | methods: { |
| | | // 选择 |
| | | async onSelect(e) { |