交易所前端蓝色ui, 4.5 jiem
lxf
2025-04-18 66a33e936d39ec4db7fdffed5d646e044ccc43e9
src/components/trade-head/index.vue
@@ -11,7 +11,7 @@
                        <img :src="require(`@/assets/theme/${theme}/image/convert.png`)" alt="convert-img" class="w-35 h-35"
                            @click="onSidebar" />
                        <div class="flex flex-col pl-21" @click="onSidebar">
                            <div class="font-35 textColor">{{ symbol && symbol.toUpperCase() || '--' }}/USDT</div>
                            <div class="font-35 textColor">{{ symbolname || '--' }}</div>
                        </div>
                        <div v-if="range" class="pl-30" :class="{ 'text-green': range > 0, 'text-red': range <= 0 }">{{
                            range > 0 ? '+' : '' }}{{ range || '--' }}%</div>
@@ -81,6 +81,10 @@
            type: String,
            default: ''
        },
      symbolname: {
          type: String,
          default: '--'
      },
        range: {
            type: String,
            defalult: ''
@@ -161,6 +165,7 @@
    methods: {
        ...mapMutations('home', ['SET_THEME']),
        onRoute(item) {
         setStorage('symbolname', item.name)
            if (this.islevel) {
                if (this.$route.params.symbol !== item.symbol) {
                    this.$router.push(`/trendDetails/${item.symbol}`)
@@ -176,8 +181,14 @@
            } else {
                if (this.$route.params.symbol !== item.symbol) {
                    this.$router.push(`/trade/${item.symbol}`)
                    // this.$router.push(`/trade/${item.symbol}`)
               this.$router.push({
                 path: `/trade/${item.symbol}`,
                 query: { name: item.name }
               });
                    setStorage('tradeSymbol', item.symbol)
               setStorage('symbolname', item.name)
                    this.$emit('update-coin', item.symbol)
                    this.$forceUpdate()
                }