1

李

2026-05-22 836a56418f932086e4221cb6c5e6a56f1c0dfecf

 src/views/cryptos/Trade/index.vue

@@ -15,6 +15,7 @@
      <trade-head :isReturn="true" :backFunc="() => $router.push('/')" :symbolName="symbolName" :symbol="symbol"
        :price="price" :range="range" :isTrade="true" @update-coin="onUpdate" @data="quote = $event" />

      <div class="trade-content-bg">
      <div class="trade-buy-sell flex justify-between px-30 py-30">
        <trade-order-area :symbol="symbol" :symbolName="symbolName" :init-open="initOpen" :init-close="initClose"
          :price="price" @ordered="onOrdered" />
@@ -23,10 +24,9 @@
            v-if="symbol" :price="price" class="w-290 ml-30" />
        </keep-alive>
      </div>
      <div class="flex k-select-box">
      <!-- <div class="flex k-select-box">
        <div class="mt-20 mb-22 select-box" style="position:relative;">
          <div class=" flex justify-between  items-center w-full h-70" @click="selectBtn">
            <!-- <img src="@/assets/image/public/warn.png" alt="warn-icon" class="w-25 h-25 pl-20"/> -->
            <div class="pl-16 font-28 textColor" style="width:80%;">{{ title }}</div>
            <img src="../../../assets/image/public/grey-select.png" alt="select-icon" class="w-22 h-11 mr-20" />
          </div>
@@ -40,7 +40,7 @@
        <div class="ml-10" @click="isSelectShow = true">
          <img src="../../../assets/image/selectIcon.png" alt="warn-icon" class="w-36 h-30" />
        </div>
      </div>
      </div> -->
      <div class="h-16 diviLine"></div>
      <div>
        <div class="flex justify-between border-b-color items-center">
@@ -140,6 +140,7 @@
      </div> -->
      <van-action-sheet class="action-sheet" v-model:show="isSelectShow" @select="onSelect" :actions="actions"
        :cancel-text="$t('取消')" close-on-click-action @cancel="onCancel" />
      </div>
    </div>
  </div>
</template>
@@ -548,6 +549,11 @@
#cryptos {
  background-color: $mainbgWhiteColor;

  .trade-content-bg {
    background: #fff;
    border-radius: 15px;
  }

  :v-deep(.px-4) {
    padding-left: 30px !important;
    padding-right: 30px !important;
@@ -608,6 +614,8 @@
    border-top-right-radius: 20px;
    padding: 0 30px;
    box-sizing: border-box;
    // background-color: #fff !important;
    border-radius: 10px;
  }

  .my-swipe {
@@ -651,12 +659,12 @@

  .select-box {
    width: 220px;

    background: $inp-b;

    margin-right: 20px;
  }

    @include themify() {
      background: themed("input_background") !important;
    }
  }
}

.z-100 {
@@ -665,8 +673,12 @@

.option-box {
  z-index: 99;
  background: $inp-b;
  box-shadow: 0px 0px 0.1875rem 0.1875rem $inp-b;

  @include themify() {
    background: themed("input_background");
    box-shadow: 0px 0px 0.1875rem 0.1875rem themed("input_background");
    color: themed("text_color");
  }
}

:deep(.van-action-sheet__content) {
@@ -674,7 +686,10 @@

  .van-action-sheet__item {
    background: transparent;
    color: $text_color;

    @include themify() {
      color: themed("text_color");
    }
  }

}