dcc
2024-06-07 d5381ec06ab5f549fade867c3a874de613bdd5d4
src/components/contract-header/index.vue
@@ -7,14 +7,14 @@
          <div class="flex items-center justify-center">
            <!-- <img :src="require(`@/assets/theme/${theme}/image/icon_back.png`)" class="w-35 h-35 back" alt=""
                            @click="$router.push(`/trendDetails/${symbol}`)"> -->
            <img
            <!-- <img
              :src="require(`@/assets/theme/${theme}/image/convert.png`)"
              alt="convert-img"
              class="w-35 h-35"
              @click="onSidebar"
            />
            /> -->
            <div class="flex pl-21 textColor" @click="onSidebar">
              <div class="font-35">{{ symbol.toUpperCase() || "--" }}/USDT</div>
              <div class="font-35">{{ symbol | _symbolName }}/USDT</div>
              <div class="ml-15">{{ title }}</div>
            </div>
            <div
@@ -86,7 +86,9 @@
          @click="onRoute(item)"
        >
          <div>
            <div class="textColor">{{ item.name }}</div>
            <div class="textColor">
              {{ item.symbol | _symbolName(1) }}
            </div>
            <div class="text-grey mt-10">
              {{ selectIndex == 1 ? $t("永续") : $t("交割") }}
            </div>
@@ -108,7 +110,7 @@
<script>
import { Popup } from "vant";
import { mapGetters } from "vuex";
import { mapActions, mapGetters } from "vuex";
import { _getHomeList } from "@/API/home.api";
import { setStorage } from "@/utils/utis";
export default {
@@ -147,6 +149,7 @@
    ...mapGetters({
      coinList: "home/coinList",
      theme: "home/theme",
      newcoinArr: "home/newcoinArr",
    }),
    title() {
      return [this.$t("永续"), this.$t("交割")][this.selectIndex - 1];
@@ -166,10 +169,12 @@
    };
  },
  created() {
    this.NEW_CION_LIST();
    // this.coins = this.coinList.map(item => item.symbol)
    // console.log('this.coins', this.coins)
  },
  methods: {
    ...mapActions("home", ["NEW_CION_LIST"]),
    onRoute(item) {
      if (this.$route.params.symbol !== item.symbol) {
        this.$router.push(`/perpetualContract/${item.symbol}`);
@@ -189,7 +194,10 @@
    },
    fetchList() {
      // 获取行情
      _getHomeList(this.coins.join(",")).then((list) => {
      const mainArray = this.coins.filter(
        (item) => !this.newcoinArr.includes(item)
      );
      _getHomeList(mainArray.join(",")).then((list) => {
        // console.log(list)
        this.list = list;
        if (this.timeout) {