交易所前端蓝色ui, 4.5 jiem
lxf
2025-04-18 66a33e936d39ec4db7fdffed5d646e044ccc43e9
src/components/list-quotation/index.vue
@@ -40,7 +40,7 @@
            <ul class="flex justify-between w-full items-center" @click="onItemClick(item)">
              <li class="flex items-center left">
                <img
                  :src="item.symbol ? `${HOST_URL}/symbol/${item.symbol}.png` : require('@/assets/loading-default.png')"
                  :src="item.symbol ? `${HOST_URL}/wap/symbol/${item.symbol}.png` : require('@/assets/loading-default.png')"
                  alt="logo" class="w-72 h-72 rounded-full mr-16" />
                <p class="flex flex-col">
                  <span class="flex items-end font-32 flex items-center">
@@ -71,12 +71,16 @@
          <van-cell v-for="item in showList" :key="item.id">
            <ul class="flex justify-between w-full items-center" @click="onItemClick(item)">
              <li class="flex items-center left">
                <img :src="`${HOST_URL}/symbol/${item.symbol}.png`" alt="logo" class="w-72 h-72 rounded-full mr-16" />
                <img :src="`${HOST_URL}/wap/symbol/${item.symbol}.png`" alt="logo" class="w-72 h-72 rounded-full mr-16" />
                <p class="flex flex-col">
                  <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 text-grey" style="position: relative; top: 1px">
                    <!-- <span class="textColor font-600 font-30" v-if="item.symbol!='myro'">{{ item.name && item.name.toUpperCase() || '--' }}</span> -->
               <span class="textColor font-600 font-30" >{{ item.name && item.name.toUpperCase() || '--' }}</span>
               <!-- <span class="textColor font-600 font-30" v-else>CRO</span>
                    <span class="font-24 text-grey" style="position: relative; top: 1px" v-if="item.symbol!='myro'">
                      {{ item.name && item.name.replace(item.symbol.toUpperCase(), '') || '--' }}</span>
                 <span v-else class="font-24 text-grey" style="position: relative; top: 1px" >
                   /USDT</span> -->
                  </span>
                  <span class="font-24 text-grey mt-10">{{ $t('成交量') + ' ' + (item.amount * 1).toFixed(2) }}</span>
                </p>
@@ -159,15 +163,24 @@
      this.$emit('listSort', val)
    },
    onItemClick(item) {
      if (this.tabActive == 2) { //现货
      setStorage("symbolname", item.name);
      if (this.tabActive == 2) {
        setStorage("tradeSymbol", item.symbol);
        //现货
        this.$router.push({
          path: `/trade/${item.symbol}`
          path: `/trade/${item.symbol}`,
        query: { name: item.name }
        });
      } 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}`,
        query: { name: item.name }
       });
      }
    },
    onTabs(val) {