1

jhzh

2025-07-19 d37ceed2ad5b94bbfc71a8a4cbdb7b498ddf724d

 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>
</style>