123
dcc
2024-06-28 25b2ba1cf86bc3439e7ad2acf2cd4a9ea7e4b0ed
src/components/list-quotation/index.vue
@@ -7,7 +7,7 @@
        class="flex items-center w-full textNew1 font-26"
        style="margin: 6px 0 15px"
      >
        <div class="left flex items-center" style="margin-left: 36px">
        <div class="left flex items-center newcolor1" style="margin-left: 36px">
          <span>{{ $t("交易对") }}</span>
          <div class="filter-box ml-10" v-if="active == 0">
            <div
@@ -66,19 +66,23 @@
              @click="onItemClick(item)"
            >
              <li class="flex items-center left">
                <div class="anniu"></div>
                <!-- <div class="anniu"></div> -->
            <img :src="
              item.symbol
                ? `${HOST_URL}/wap/symbol/${item.symbol}.png`
                : require('@/assets/loading-default.png')
            " class="w-52 h-52 rounded-full mr-16 ml-15" />
                <p class="flex flex-col" style="margin-left: 5px">
                  <span class="flex items-end font-32 flex items-center" s>
                    <span class="textColor font-600 font-30">
                      {{ (item.symbol && item.symbol.toUpperCase()) || "--" }}
                      {{ item.name }}
                      <!-- {{ (item.symbol && item.symbol.toUpperCase()) || "--" }} -->
                    </span>
                    <span class="font-24" style="position: relative; top: 1px">
                      {{
                        (item.name &&
                          item.name.replace(item.symbol.toUpperCase(), "")) ||
                        "--"
                      }}</span
                    >
                    <!-- <span class="font-24" style="position: relative; top: 1px">
                      /{{ (item.name && item.name.split("/")[1]) || "--" }}
                    </span> -->
                  </span>
                  <span class="font-24 textNew1">{{
@@ -131,19 +135,23 @@
              @click="onItemClick(item)"
            >
              <li class="flex items-center left">
                <div class="anniu"></div>
                <!-- <div class="anniu"></div> -->
            <img :src="
              item.symbol
                ? `${HOST_URL}/wap/symbol/${item.symbol}.png`
                : require('@/assets/loading-default.png')
            " class="w-52 h-52 rounded-full mr-16 ml-15" />
                <p class="flex flex-col" style="margin-left: 5px">
                  <span class="flex items-end font-32 flex items-center">
                    <span class="textColor font-600 font-30">{{
                      (item.symbol && item.symbol.toUpperCase()) || "--"
                    }}</span>
                    <span class="font-24" style="position: relative; top: 1px">
                      {{
                        (item.name &&
                          item.name.replace(item.symbol.toUpperCase(), "")) ||
                        "--"
                      }}</span
                    >
                    <span class="textColor font-600 font-30">
                      {{ item.name }}
                      <!-- {{ (item.symbol && item.symbol.toUpperCase()) || "--" }} -->
                    </span>
                   <!-- <span class="font-24" style="position: relative; top: 1px">
                      /{{ (item.name && item.name.split("/")[1]) || "--" }}
                    </span> -->
                  </span>
                  <span class="font-24 textNew1">{{
                    $t("成交量") + " " + (item.amount * 1).toFixed(2)
@@ -254,15 +262,20 @@
    },
    onItemClick(item) {
      if (this.tabActive == 2) {
        setStorage("tradeSymbol", item.symbol);
        //现货
        this.$router.push({
          path: `/trade/${item.symbol}`,
        });
      } else {
        setStorage("symbol", item.symbol);
        this.$router.push({
          path: `/perpetualContract/${item.symbol}`,
        });
        // setStorage("symbol", item.symbol);
        // this.$router.push({
        //   path: `/perpetualContract/${item.symbol}`,
        // });
      setStorage("tradeSymbol", item.symbol);
      this.$router.push({
        path: `/trade/${item.symbol}`,
      });
      }
    },
    onTabs(val) {