1

jhzh

2024-09-15 402042e2ee63f1ed5b1d5d6df483270ab996e76e

 src/components/contract-header/index.vue

@@ -65,6 +65,21 @@
          <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">
@@ -164,6 +179,7 @@
      //   selectIndex2:this.selectIndex,
      show: false,
      timeout: null,
     keywords:'',
      // title: '',
      list: [
        // { name:"BTC/USDT",close:"22042.28",change_ratio:"2.21"},
@@ -196,6 +212,19 @@
      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(