| | |
| | | <span class="font-30">/ USDT</span> |
| | | </div> |
| | | </div> |
| | | <div class="inputBoxbg h-60 w-full rounded-full flex items-center" style="background: #f5f5f5;"> |
| | | <input |
| | | style="padding-left: 10px" |
| | | type="text" |
| | | v-model="keywords" |
| | | :placeholder="$t('搜索币种')" |
| | | class="h-full flex-1 search-input border-none bg-none" |
| | | @input="onInput" |
| | | /> |
| | | <img |
| | | src="@/assets/3x/资源 22@3x.png" |
| | | alt="logo" |
| | | class="w-32 h-32 mx-16" |
| | | /> |
| | | </div> |
| | | <div class="pl-42 pr-40"> |
| | | <div class="flex justify-between mb-42 mt-53"> |
| | | <div class="flex items-center text-grey"> |
| | |
| | | // selectIndex2:this.selectIndex, |
| | | show: false, |
| | | timeout: null, |
| | | keywords:'', |
| | | // title: '', |
| | | list: [ |
| | | // { name:"BTC/USDT",close:"22042.28",change_ratio:"2.21"}, |
| | |
| | | this.show = true; |
| | | this.fetchList(); |
| | | }, |
| | | onInput(e) { |
| | | this.keywords = e.target.value |
| | | this.coins = this.coins.filter(item => item.includes(e.target.value)); |
| | | if(!this.keywords){ |
| | | this.coins = this.coinList.map((item) => item.symbol); |
| | | } |
| | | // this.funds = this.fundsDatra.filter((item) => |
| | | // item.symbol.includes(e.target.value.toLocaleLowerCase()) |
| | | // ); |
| | | // this.fundsDatra[index]["data"] = this.tabList[index]["data"].filter( |
| | | // (item) => item.symbol.includes(e.target.value.toLocaleLowerCase()) |
| | | // ); |
| | | }, |
| | | fetchList() { |
| | | // 获取行情 |
| | | const mainArray = this.coins.filter( |
| | |
| | | @closed="onClose" |
| | | > |
| | | <div class="pl-42 pr-40"> |
| | | <div class="px-32 py-13 flex"> |
| | | <div class="inputBoxbg h-60 w-full rounded-full flex items-center" style="background: #f5f5f5;"> |
| | | <input |
| | | style="padding-left: 10px" |
| | | type="text" |
| | | v-model="keywords" |
| | | :placeholder="$t('搜索币种')" |
| | | class="h-full flex-1 search-input border-none bg-none" |
| | | @input="onInput" |
| | | /> |
| | | <img |
| | | src="@/assets/3x/资源 22@3x.png" |
| | | alt="logo" |
| | | class="w-32 h-32 mx-16" |
| | | /> |
| | | </div> |
| | | </div> |
| | | <div class="flex justify-between mb-42 mt-53"> |
| | | <div class="flex items-center text-grey"> |
| | | <div class="mr-12">{{ $t("名称") }}</div> |
| | |
| | | show: false, |
| | | timeout: null, |
| | | collected: "0", |
| | | keywords:"", |
| | | // title: '', |
| | | list: arr, //[ |
| | | // { name:"BTC/USDT",close:"22042.28",change_ratio:"2.21"}, |
| | |
| | | this.show = true; |
| | | this.fetchList(); |
| | | }, |
| | | onInput(e) { |
| | | this.keywords = e.target.value |
| | | this.coins = this.coins.filter(item => item.includes(e.target.value)); |
| | | if(!this.keywords){ |
| | | this.coins = this.coinList.map((item) => item.symbol); |
| | | } |
| | | // this.funds = this.fundsDatra.filter((item) => |
| | | // item.symbol.includes(e.target.value.toLocaleLowerCase()) |
| | | // ); |
| | | // this.fundsDatra[index]["data"] = this.tabList[index]["data"].filter( |
| | | // (item) => item.symbol.includes(e.target.value.toLocaleLowerCase()) |
| | | // ); |
| | | }, |
| | | fetchList() { |
| | | // 获取行情 |
| | | const mainArray = this.coins.filter( |
| | |
| | | // symbol:mainArray.join(","), |
| | | // order:1, |
| | | // } |
| | | |
| | | // mainArray = ['iop'] |
| | | _getHomeList(mainArray.join(","),'desc').then((list) => { |
| | | // console.log(list) |
| | | this.list = list; |
| | |
| | | <div class="textColor">{{ detail.amount_open }}</div> |
| | | </div> |
| | | <div class="flex justify-between pb-68"> |
| | | <div class="text-grey">{{ $t('保证金') }}</div> |
| | | <div class="textColor">{{ detail.deposit }}</div> |
| | | <div class="text-grey">{{ $t('杠杆') }}</div> |
| | | <div class="textColor">{{ detail.lever_rate }}</div> |
| | | </div> |
| | | <div class="flex justify-between pb-68"> |
| | | <div class="text-grey">{{ $t('手续费') }}</div> |