1

jhzh

2026-05-22 ef52095f5e9f0a9fe2da779bb1573947d77d75b6

 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 {