| | |
| | | <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 |
| | |
| | | @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> |
| | |
| | | |
| | | <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 { |
| | |
| | | ...mapGetters({ |
| | | coinList: "home/coinList", |
| | | theme: "home/theme", |
| | | newcoinArr: "home/newcoinArr", |
| | | }), |
| | | title() { |
| | | return [this.$t("永续"), this.$t("交割")][this.selectIndex - 1]; |
| | |
| | | }; |
| | | }, |
| | | 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}`); |
| | |
| | | }, |
| | | 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) { |