From 421087f05bbcee88211f2b95afd4843da521998b Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Tue, 22 Jul 2025 16:02:58 +0800
Subject: [PATCH] 1
---
src/page/list/tradingList/tabs.vue | 66 ++++++++++++++++++++++++---------
1 files changed, 48 insertions(+), 18 deletions(-)
diff --git a/src/page/list/tradingList/tabs.vue b/src/page/list/tradingList/tabs.vue
index c05c8c6..45aa834 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"
@@ -41,35 +49,38 @@
<script>
import dataList from "./data.list.vue";
-
export default {
components: { dataList },
mounted() {
- this.active = this.$route.query.type || "MAS";
+ this.active = this.$route.query.type || "JP";
+ if(this.active == 'DZ'){
+ this.typeindex = 2
+ }else if(this.active == 'ZX'){
+ // this.typeindex = 0
+ this.changetype('',0)
+ }
},
data() {
return {
tabsList: [
{ title: this.$t("hj61"), key: "" },
- { title: this.$t("hj61"), key: "" },
- // { title: this.$t("数字货币"), key: "1", name: "SZHB" },
- { title: this.$t("马股"), key: "MAS", name: "MAS" },
- { title: this.$t("美股"), key: "US", name: "US" },
- { title: this.$t("港股"), key: "HK", name: "HK" },
+ { title: this.$t("日股"), key: "JP", name: "JP" },
+ { title: this.$t("hj621"), key: "DZ", name: "DZ" },
],
- zxtabsList: [
- // { title: this.$t("数字货币"), key: "1", name: "SZHB" },
- { title: this.$t("马股"), key: "MAS", name: "MAS" },
- { title: this.$t("美股"), key: "US", name: "US" },
- { title: this.$t("港股"), key: "HK", name: "HK" },
- ],
- active: "MAS",
- zxactive: "MAS",
+ 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;
},
},
@@ -77,6 +88,25 @@
</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;
--
Gitblit v1.9.3