1
jhzh
2024-09-15 402042e2ee63f1ed5b1d5d6df483270ab996e76e
src/components/trade-head/index.vue
@@ -105,6 +105,23 @@
      @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>
@@ -225,6 +242,7 @@
      show: false,
      timeout: null,
      collected: "0",
     keywords:"",
      // title: '',
      list: arr, //[
      // { name:"BTC/USDT",close:"22042.28",change_ratio:"2.21"},
@@ -293,6 +311,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(
@@ -303,7 +334,7 @@
       //  symbol:mainArray.join(","),
       //  order:1,
     // }
     // mainArray = ['iop']
      _getHomeList(mainArray.join(","),'desc').then((list) => {
        // console.log(list)
        this.list = list;