1
jhzh
2024-09-15 402042e2ee63f1ed5b1d5d6df483270ab996e76e
1
3 files modified
66 ■■■■■ changed files
src/components/contract-header/index.vue 29 ●●●●● patch | view | raw | blame | history
src/components/trade-head/index.vue 33 ●●●●● patch | view | raw | blame | history
src/page/perpetualContract/orderDetail.vue 4 ●●●● patch | view | raw | blame | history
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(
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;
src/page/perpetualContract/orderDetail.vue
@@ -27,8 +27,8 @@
                <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>