From 42faef34194c466f03e29d75a63ae502e4213044 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 10:38:46 +0800
Subject: [PATCH] 上一版是10.10的, 这版才是原始源码
---
src/views/ipo/index.vue | 109 +++++++++++++++++++++++-------------------------------
1 files changed, 47 insertions(+), 62 deletions(-)
diff --git a/src/views/ipo/index.vue b/src/views/ipo/index.vue
index ed6590c..bfa8060 100644
--- a/src/views/ipo/index.vue
+++ b/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;
}
}
--
Gitblit v1.9.3