1

李凌

2025-10-09 c17311ba1351cd5e64654c3fc7b2fe765b1e7382

 src/components/Transform/trade-order-area/index.vue

@@ -11,7 +11,7 @@
      <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 textColor" style="width:80%;">{{ title }}</div>
        <img src="@/assets/image/public/grey-select.png" alt="select-icon" class="w-22 h-11 pr-20" />
        <img src="@/assets/image/public/grey-select.png" alt="select-icon" class="w-22 h-11 mr-20" />
      </div>
      <div class="option-box" v-if="isShow">
        <div class="font-30" v-for="item in selectData" :key="item.type" @click="selectItem(item)">{{ item.title }}
@@ -27,7 +27,7 @@
      <span>{{ title }}</span>
    </div>

    <template  v-if="initClose.status / 1 === 0">
    <template v-if="initClose.status / 1 === 0">
      <div class="flex justify-center items-center h-66 buy-item">{{ $t('停牌中,禁止交易') }}</div>
    </template>
    <template v-else>
@@ -369,11 +369,11 @@
@import "@/assets/init.scss";

.area_tabs {
  border-radius: 2.5rem;
  // border-radius: 2.5rem;

  .open,
  .close {
    border-radius: 2.5rem;
    // border-radius: 2.5rem;
  }

  .open {
@@ -560,7 +560,7 @@
}

.inputBackground {
  border-radius: 2.5rem;
  // border-radius: 2.5rem;

  input {
    background: transparent !important;
@@ -571,35 +571,41 @@
  display: flex;
  align-items: center;
  justify-content: center;
  background: $input_background;
  border-radius: 2.5rem;
  // background: $input_background;
  // border-radius: 2.5rem;
  margin-right: 10px !important;
  padding: 10px 0;

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

.total-list {
  background: transparent;

  display: flex;

  color: $text_color;

  font-size: 26px;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px !important;
  position: relative;

  .total-div {
    flex: 1;
    text-align: center;
    padding: 20px 0 !important;
  @include themify() {
    color: themed("text_color1");
  }
}

.total-div {
  flex: 1;
  text-align: center;
  padding: 20px 0 !important;
}

.active-bg {
  background: $input_background;
  border-radius: 2.5rem;
  @include themify() {
    background: themed("input_background");
    color: themed("text_color");
  }
}

.buyandSell {
@@ -608,6 +614,8 @@
}

.select-active {
  color: $text_color;
  @include themify() {
    color: themed("text_color");
  }
}
</style>