BTC排一.ETH排二，USDT排三其他随便

dcc

2024-06-29 358dd78ee40aea1e43fd7987c6e604960c2d0672

BTC排一.ETH排二，USDT排三其他随便

 src/assets/image/logo.png

 src/assets/image/logo1.png

 src/page/assetsCenter/index.vue

@@ -21,24 +21,15 @@
        </div>
      </van-row>
      <van-row gutter="20" class="but-box">
        <van-col
          span="8"
          v-for="item in tabList1"
          :key="item.id"
          @click="routerList(item)"
        >
        <van-col span="8" v-for="item in tabList1" :key="item.id" @click="routerList(item)">
          <div class="but">{{ item.text }}</div>
        </van-col>
      </van-row>
    </header>
    <div class="tabs">
      <div class="tabs-box">
        <div
          v-for="item in tabList"
          :key="item.id"
          :class="`${active === item.id ? 'active-tabls' : ''}`"
          @click="activeCheng(item)"
        >
        <div v-for="item in tabList" :key="item.id" :class="`${active === item.id ? 'active-tabls' : ''}`"
          @click="activeCheng(item)">
          {{ item.text }}
        </div>
      </div>
@@ -56,19 +47,9 @@
      <template v-if="active === 1">
        <div class="px-32 py-13 flex">
          <div class="inputBoxbg h-60 w-full rounded-full flex items-center">
            <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"
            />
            <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="item-box" v-for="(item, index) in funds" :key="index">
@@ -110,10 +91,7 @@
      <!--永续合约持有仓位-->
      <div class="px-30">
        <template v-if="active === 4">
          <PerpetualPositionList
            :list-data="funds"
            @sell="onRecall"
          ></PerpetualPositionList>
          <PerpetualPositionList :list-data="funds" @sell="onRecall"></PerpetualPositionList>
        </template>
        <!--交割合约持有仓位-->
        <template v-if="active === 2">
@@ -350,6 +328,16 @@
        this.loading = false;
        let list = res.extends;
        if (this.active === 1) {
          let btcindex = list.findIndex(item => item.symbol == 'btc')
          if (btcindex !== -1) {
            let movedElement = list.splice(btcindex, 1); 
            list.unshift(movedElement[0]); 
          }
          let ethindex = list.findIndex(item => item.symbol == 'eth')
          if (ethindex !== -1) {
            let movedElement = list.splice(ethindex, 1);
            list.splice(1, 0, movedElement[0]);
          }
          this.funds = list;
          this.fundsDatra = list;
        }
@@ -371,18 +359,23 @@
  header {
    // padding: 100px 0 0px;
    color: #817cf6;

    .title-box {
      padding: 0 70px;
    }

    .but-box {
      padding: 30px;
    }

    .title {
      font-weight: bold;
    }

    .pt {
      margin-top: 15px;
    }

    .but {
      box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
      line-height: 80px;
@@ -390,6 +383,7 @@
      margin-bottom: 30px;
    }
  }

  .right {
    text-align: right;
  }
@@ -399,14 +393,17 @@
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  margin: 0 15px;
  padding: 30px 30px;

  .tabs-content {
    margin-top: 40px;
    color: #363636;

    .tabs-name {
      margin-left: 10px;
      // color: #dedbe2;
    }
  }

  .tabs-box {
    display: flex;
    // color: #dedbe2;
@@ -427,20 +424,24 @@
    margin: 0 15px;
    padding: 30px 30px;
    margin-top: 40px;

    .title-main {
      color: #807cf7;
      font-weight: 900;
      margin-bottom: 20px;
    }

    .title {
      // color: #dedbe2;
      margin-bottom: 10px;
    }

    .text {
      font-weight: 900;
    }
  }
}

::v-deep .van-loading {
  text-align: center;
  margin: 30px 0;

 src/page/userCenter/index.vue

@@ -121,7 +121,7 @@
        },
        {
          name: this.$t("下载APP"),
          icon: require("@/assets/3x/names2.png"),
          icon: require("@/assets/image/logo.png"),
          url: "/",
        },
      ],