上一版是10.10的, 这版才是原始源码

admin

2026-01-06 42faef34194c466f03e29d75a63ae502e4213044

 src/views/ipo/index.vue

@@ -1,16 +1,15 @@
<template>
  <div class="ipo-index">
    <fx-header @back="back()" :back="false">
      <template #title>
        {{ 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-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 v-if="active === 2">
    <div class="ipo-index" >
        <fx-header @back="back()" :back="false">
            <template #title>
                {{ 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-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 v-if="active === 2">
                    <div class="tab-header flex px-5 py-5 text_color6">
                        <div class="tab1">{{t('股票名称')}}</div>
                        <div class="tab2">{{t('募集基金')}}</div>
@@ -26,22 +25,16 @@
                    </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" />
      </van-tab>
    </van-tabs>
  </div>
                </div>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script setup>
import { onMounted, ref, provide, watchEffect } from 'vue';
import {onMounted, ref, provide, watchEffect} from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { useI18n } from "vue-i18n";
import newIpo from './components/newIpo.vue';
@@ -49,10 +42,7 @@
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()
@@ -67,28 +57,26 @@
provide('stockType', stockType)
provide('stockActive', stockActive)
watchEffect(() => {
  if (stockType && route.path === '/ipo/index') {
    // console.log('active', active.value)
    // console.log('route.path', route.path)
    router.replace({ query: { tabActive: active.value, stock: stockType, stockActive: stockActive } })
  }
    if (stockType && route.path === '/ipo/index') {
      // console.log('active', active.value)
      // console.log('route.path', route.path)
      router.replace({ query: { tabActive: active.value, stock: stockType,stockActive: stockActive } })
    }
})

const tabList = ref([
  { label: '概括' },
  { label: '新股认购' },
  { label: '新股库存' },
  { label: '抽签记录' },
  // { label: '递交招股书' },
  // { label: '待上市' },
  // { label: '已上市' },
    { label: '概括' },
    { label: '新股认购' },
    // { label: '递交招股书' },
    // { label: '待上市' },
    { label: '已上市' },
])
onMounted(() => {
})



const back = () => {
const back = () =>{
  router.go(-1)
}

@@ -97,53 +85,50 @@
.ipo-index {
  font-size: 14px;

  :deep(.van-nav-bar__title) {
  :deep(.van-nav-bar__title){
    margin-left: 68px;
  }

  :deep(.van-tabs__nav) {
    background: $mainBgColor;
    padding: 0 15px 9px;
    border-bottom: 1px solid $border_color;
    box-sizing: border-box;
    overflow-x: auto;
      background: $mainBgColor;
      padding: 0 15px 9px;
      border-bottom: 1px solid $border_color;
      box-sizing: border-box;
      overflow-x: auto;

    .van-tabs__line {
      bottom: 0;
    }
      .van-tabs__line{
        bottom: 0;
      }
  }

  :deep(.van-tab) {
  :deep(.van-tab){
    flex: none;
  }

  :deep(.van-tab--active) {
    font-size: 16px;
    font-weight: bold;
      font-size: 16px;
      font-weight: bold;
  }

  .tab1 {
  .tab1{
    width: 40%;
  }

  .tab2 {
  .tab2{
    width: 30%;
  }

  .tab3 {
  .tab3{
    width: 30%;
  }

  .flex-2 {
    flex: 2;
      flex: 2;
  }

  .tab-header {
    font-size: 13px;
    color: #747A8F;
      font-size: 13px;
      color: #747A8F;
  }

  .listing {
  .listing{
    overflow-x: auto;
  }
}