1

jhzh

2024-09-04 933f0f6895b6493b6ae60c6a293e78551416ad4e

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

@@ -17,30 +17,52 @@
      </p>
    </div>

    <div class="mt-22 mb-22 box-show" 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 textColor" style="width: 80%">{{ title }}</div>
        <img
          src="@/assets/image/public/grey-select.png"
          alt="select-icon"
          class="w-22 h-11 pr-20"
        />
      </div>
      <div class="option-box" v-if="isShow">
        <div
          class="font-30"
          v-for="item in selectData"
          :key="item.type"
          @click="selectItem(item)"
    <template v-if="selectIndex == 1">
      <!-- <div class="flex items-center h-66 rounded-lg text-grey"> -->
       <!-- <p
          class="font-28 flex-1 flex items-center justify-center h-66 long"
          :class="currentType == 'long' ? 'long' : ''"
          @click="changeTab('long')"
        >
          {{ item.title }}
          {{ $t("开多") }}
        </p> -->
        <!-- <p
          class="font-28 flex-1 ml-20 flex items-center justify-center h-66 short"
          :class="currentType == 'short' ? 'short' : ''"
          @click="changeTab('short')"
        >
          {{ $t("开空") }}
        </p> -->
      <!-- </div> -->
      <div class="mt-30 mb-30" style="position: relative">
        <div
          class="box-show flex justify-between items-center w-full h-76 rounded-lg textColor"
          @click="selectBtn"
        >
          <img
            src="../../assets/image/public/warn.png"
            alt="warn-icon"
            class="w-25 h-25 pl-20"
          />
          <div class="text-center" style="width: 80%">{{ title }}</div>
          <img
            src="../../assets/image/public/grey-select.png"
            alt="select-icon"
            class="w-22 h-11 pr-20"
          />
        </div>
        <div class="option-box" v-show="isShow">
          <div
            class="font-30"
            v-for="item in selectData"
            :key="item.type"
            @click="selectItem(item)"
          >
            {{ item.title }}
          </div>
        </div>
      </div>
    </div>
    </template>
    <div class="h-70 lh-70 box-show mb-25 flex justify-center px-16 textColor2">
      <input
        placeholder=""
@@ -256,6 +278,7 @@
    return {
      options: config.sliderOptions,
      value: 0,
     selectIndex:1,
      isShow: false,
      title: this.$t("市价委托"),
      selectData: [],
@@ -288,6 +311,7 @@
      this.form.volume = "";
    },
    exchangeVal(val) {
      this.form.price = this.price;
      this.percentageVal = val;
      if (!this.isTotal) {
        if (this.currentType == "open") {
@@ -609,7 +633,6 @@
  right: 0;
  top: 90px;
  width: 100%;
  z-index: 3;

  @include themify() {
    background: themed("grey_bg");