| | |
| | | <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>{{ item.abbreviation }}</span> |
| | | </div> |
| | | </div> |
| | |
| | | await this.getTabData(); |
| | | this.tab = this.tabList[0].pid; |
| | | }, |
| | | mounted() {}, |
| | | mounted() { |
| | | }, |
| | | methods: { |
| | | // 选择 |
| | | async onSelect(e) { |
| | |
| | | // tab切换 |
| | | tabChange() { |
| | | this.getIndicesAndKData(); |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | | </script> |