| | |
| | | {{ t('IPO中心') }} |
| | | </template> |
| | | </fx-header> |
| | | <van-tabs v-model:active="active" shrink :title-inactive-color="THEME === 'white' ? '#000' : '#fff'" |
| | | title-active-color="#THEME === 'white' ? '#000' : '#fff'"> |
| | | <van-tabs v-model:active="active" shrink :title-inactive-color="THEME === 'white' ? '#000' : '#fff'" title-active-color="#THEME === 'white' ? '#000' : '#fff'"> |
| | | <van-tab v-for="(item, index) in tabList" :key="index" :title="t(item.label)"> |
| | | <general v-if="active === 0" /> |
| | | <new-ipo v-if="active === 1" /> |
| | |
| | | </div> |
| | | <list-item2 /> |
| | | </div> --> |
| | | <!-- <div class="listing" v-if="active === 2"> |
| | | <div class="listing" v-if="active === 2"> |
| | | <list-item1 /> |
| | | </div> --> |
| | | |
| | | <!-- 新股库存 --> |
| | | <NewStock v-if="active === 2" /> |
| | | |
| | | <!-- 抽签记录 --> |
| | | <LotteryRecord v-if="active === 3" /> |
| | | </div> |
| | | </van-tab> |
| | | </van-tabs> |
| | | </div> |
| | |
| | | import listItem1 from './components/listItem1.vue'; |
| | | import listItem2 from './components/listItem2.vue'; |
| | | import general from './components/general.vue'; |
| | | import NewStock from './newStock.vue'; |
| | | import LotteryRecord from './lotteryRecord.vue' |
| | | import { themeStore } from '@/store/theme'; |
| | | |
| | | const thStore = themeStore() |
| | | const THEME = thStore.theme |
| | | const { t } = useI18n() |
| | |
| | | const tabList = ref([ |
| | | { label: '概括' }, |
| | | { label: '新股认购' }, |
| | | { label: '新股库存' }, |
| | | { label: '抽签记录' }, |
| | | // { label: '递交招股书' }, |
| | | // { label: '待上市' }, |
| | | // { label: '已上市' }, |
| | | { label: '已上市' }, |
| | | ]) |
| | | onMounted(() => { |
| | | }) |
| | |
| | | .tab1 { |
| | | width: 40%; |
| | | } |
| | | |
| | | .tab2 { |
| | | width: 30%; |
| | | } |
| | | |
| | | .tab3 { |
| | | width: 30%; |
| | | } |
| | |
| | | font-size: 13px; |
| | | color: #747A8F; |
| | | } |
| | | |
| | | .listing { |
| | | overflow-x: auto; |
| | | } |