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 | 37 +++++++++++++++++++++++++++++++++++--
1 files changed, 35 insertions(+), 2 deletions(-)
diff --git a/src/page/list/tradingList/tabs.vue b/src/page/list/tradingList/tabs.vue
index 816b780..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,7 +11,14 @@
<div class="title">{{ item.title }}</div>
</template>
</van-tab>
- </van-tabs>
+ </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"
@@ -57,10 +65,16 @@
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;
},
},
@@ -68,6 +82,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