| | |
| | | <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> |
| | |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | symbolname: { |
| | | type: String, |
| | | default: '--' |
| | | }, |
| | | range: { |
| | | type: String, |
| | | defalult: '' |
| | |
| | | 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}`) |
| | |
| | | |
| | | } 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() |
| | | } |