| | |
| | | <template> |
| | | <div class="pb-108 no_touch trade"> |
| | | <!-- <div class="px-30 pt-20"> |
| | | <div class="flex h-88 w-full box-border border-solid-grey rounded-lg"> |
| | | <div @click="$router.push('/exchange/exchangePage')" |
| | | class="font-bold font-32 flex justify-center items-center flex-1"> |
| | | <span class="h-60 lh-60 font-16 px-40 borderColor rounded-lg textColor">{{ $t('闪兑') }}</span> |
| | | </div> |
| | | <div class="font-bold flex font-32 justify-center items-center flex-1"> |
| | | <span class="h-60 lh-60 btnMain px-40 rounded-lg text-white font-16">{{ $t('现货') }}</span> |
| | | </div> |
| | | <div @click="$router.push({ path: '/wantBuy', query: { frompath: `/trade/${symbol}` } })" |
| | | class="font-bold font-32 flex justify-center items-center flex-1"> |
| | | <span class="h-60 lh-60 font-16 px-40 borderColor rounded-lg textColor">c2c</span> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- :key="symbol"--> |
| | | <!-- 头部区 --> |
| | | <trade-head |
| | | :backFunc="() => $router.push('/')" |
| | | :symbol="symbol" |
| | |
| | | /> |
| | | </div> |
| | | |
| | | <!-- 2222 --> |
| | | <!-- <div class="flex k-select-box"> |
| | | <div class="mt-20 mb-22 select-box" style="position: relative"> |
| | | <div |
| | | class="flex justify-between items-center w-full h-70" |
| | | @click="selectBtn" |
| | | > |
| | | <div class="pl-16 textColor" style="width: 80%">{{ title }}</div> |
| | | <img |
| | | src="@/assets/image/public/grey-select.png" |
| | | alt="select-icon" |
| | | class="w-22 h-11 pr-20" |
| | | /> |
| | | </div> |
| | | <div class="option-box" v-show="isShow"> |
| | | <div |
| | | class="font-30" |
| | | v-for="(item, index) in sortList" |
| | | :key="index" |
| | | @click="selectItem(item)" |
| | | > |
| | | {{ item.name }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div @click="isSelectShow = true"> |
| | | <img |
| | | src="@/assets/image/selectIcon.png" |
| | | alt="warn-icon" |
| | | class="w-36 h-30" |
| | | /> |
| | | </div> |
| | | </div> --> |
| | | <!-- <div class="h-16 diviLine"></div> --> |
| | | <div class="list-data"> |
| | | <div> |
| | | <div class="flex justify-between pb-20 items-center pt-10"> |
| | |
| | | </div> |
| | | </template> |
| | | </div> |
| | | <img |
| | | src="../../assets/image/public/record.png" |
| | | alt="record-img" |
| | | class="w-32 h-35 pr-30" |
| | | @click="goHistory" |
| | | /> |
| | | <span @click="goHistory"> |
| | | <img |
| | | src="@/assets/3x/names8.png" |
| | | alt="record-img" |
| | | class="w-32 h-35 pr-30" |
| | | /> |
| | | </span> |
| | | </div> |
| | | </div> |
| | | <div class="pl-32 pr-32 pb-100" v-if="tabType == '1'"> |
| | |
| | | </div> |
| | | <div class="fixed w-full shadow z-10 tabBackground1"> |
| | | <div class="flex justify-between px-30 py-10"> |
| | | <span class="font-24 textColor2" |
| | | >{{ symbol.toUpperCase() }}/USDT {{ $t("k线图表") }}</span |
| | | > |
| | | <span class="font-24 textColor2"> |
| | | {{ symbol | _symbolName(1) }} {{ $t("k线图表") }} |
| | | </span> |
| | | <van-icon |
| | | class="textColor" |
| | | @click.stop="showCharts = !showCharts" |
| | |
| | | await this.SET_COIN_LIST(); |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.GET_UERS_KYC(); |
| | | }, |
| | | methods: { |
| | | ...mapActions("home", [SET_COIN_LIST]), |
| | | ...mapActions("user", ["GET_UERS_KYC"]), |
| | | |
| | | onUpdate(symbol) { |
| | | // 更新 |
| | | this.symbol = symbol; |
| | |
| | | this.socket.onmessage = (evt) => { |
| | | const { data } = evt; |
| | | const { code, data: _data } = JSON.parse(data); |
| | | // console.log(_data); |
| | | if (code / 1 === 0) { |
| | | this.handleQoutes(_data); |
| | | } |
| | |
| | | let { |
| | | params: { symbol }, |
| | | } = to; |
| | | console.log("to", to); |
| | | let catchTradeSymbol = getStorage("tradeSymbol"); |
| | | if (catchTradeSymbol) { |
| | | symbol = catchTradeSymbol; |
| | | } |
| | | console.log(catchTradeSymbol); |
| | | if (symbol) { |
| | | next((vm) => { |
| | | vm.symbol = symbol; |