From d37ceed2ad5b94bbfc71a8a4cbdb7b498ddf724d Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Sat, 19 Jul 2025 14:14:18 +0800
Subject: [PATCH] 1
---
src/page/list/tradingList/tabs.vue | 71 +++++++++++++++++++++++++++--------
1 files changed, 55 insertions(+), 16 deletions(-)
diff --git a/src/page/list/tradingList/tabs.vue b/src/page/list/tradingList/tabs.vue
index 6ef817b..223425e 100644
--- a/src/page/list/tradingList/tabs.vue
+++ b/src/page/list/tradingList/tabs.vue
@@ -1,6 +1,7 @@
<template>
<div>
- <van-tabs
+ <div class="asiis">
+ <!-- <van-tabs
:active="active"
line-width="15px"
@change="(e) => change(e, 'active')"
@@ -10,8 +11,15 @@
<div class="title">{{ item.title }}</div>
</template>
</van-tab>
- </van-tabs>
- <div v-if="active == ''">
+ </van-tabs> -->
+ <div class="list">
+ <div class="list_box" v-for="(item, index) in tabsList" :key="index" :name="item.key">
+ <div @click="changetype(item.key, index)" :class="typeindex==index?'list_box_txts':'list_box_txt'">{{ item.title }}</div>
+ </div>
+ </div>
+ </div>
+
+ <div v-if="active == 'zx'">
<van-tabs
:active="zxactive"
line-width="15px"
@@ -29,32 +37,44 @@
</van-tabs>
</div>
- <dataList :active="active" :zxactive="zxactive" />
+ <dataList
+ :active="active"
+ :sousuo="sousuo"
+ :zxactive="zxactive"
+ :tabsList="tabsList"
+ :zxtabsList="zxtabsList"
+ />
</div>
</template>
<script>
import dataList from "./data.list.vue";
-
export default {
components: { dataList },
+ mounted() {
+ this.active = this.$route.query.type || "JP";
+ },
data() {
return {
tabsList: [
- { title: "自选", key: "" },
- { title: "印度股票", key: "1" },
- { title: "马来西亚股票", key: "2" },
+ { title: this.$t("hj61"), key: "" },
+ { title: this.$t("日股"), key: "JP", name: "JP" },
+ { title: this.$t("hj621"), key: "DZ", name: "DZ" },
],
- zxtabsList: [
- { title: "印度股票", key: "1" },
- { title: "马来西亚股票", key: "2" },
- ],
- active: "1",
- zxactive: "1",
+ zxtabsList: [{ title: this.$t("日股"), key: "JP", name: "JP" }],
+ active: "",
+ zxactive: "JP",
+ sousuo: "",
+ typeindex:1,
};
},
methods: {
+ changetype(e,i){
+ this.typeindex = i
+ this.change(e,'active')
+ },
change(e, type) {
+ console.log(e,type);
this[type] = e;
},
},
@@ -62,12 +82,31 @@
</script>
<style lang="less" scoped>
+ .list_box_txts{
+ padding: 12px 24px;
+ color: #fff;
+ background-color: #185546;
+ border-radius: 4px;
+ }
+ .list{
+ display: flex;
+ height: 60px;
+ align-items: center;
+ }
+ .list_box{
+ display: flex;
+ margin-left: 15px;
+ }
+ .list_box_txt{
+ padding: 2px 4px;
+ color: #8B8698;
+ }
.title {
// color: red;
font-size: 18px;
- padding: 10px 20px 10px;
+ // padding: 10px 20px 10px;
}
/deep/ .van-tabs--line .van-tabs__wrap {
height: 50px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3