style

lxf

2025-06-05 8f9e4fbc244af9e91f69f8b2851f4068abe7e600

 src/components/constract/PerpetualContract/createOrder.vue

@@ -25,10 +25,23 @@
                : 'not-allowed',
          }"
        >
          <div @click="openLeverDialog">
          <!-- <div @click="openLeverDialog">
            <span> {{ current_lever_rate }}</span
            ><i class="icon iconfont icon-Mul_triangle lever-icon"></i>
          </div>
          </div> -->
          <!-- 替换弹窗为下拉选择 -->
          <el-select
            v-model="current_lever_rate_num"
            @change="changeLeverSelect"
          >
            <el-option
              v-for="item in [25, 50, 100, 200]"
              :key="item"
              :value="item"
            >
              {{ item }}X
            </el-option>
          </el-select>
        </div>
      </div>
      <!-- 限价+市价 -->
@@ -377,6 +390,11 @@
    },
  },
  methods: {
    changeLeverSelect(e) {
      const newLever = Number(this.current_lever_rate_num);
      this.current_lever_rate = `${newLever}.00X`;
      this.current_lever_rate_num = newLever;
    },
    //获取张数
    getAmount(val) {
      this.inputAmount = val;
@@ -638,4 +656,16 @@
  background: #484d56;
  margin-top: 20px;
}

::v-deep .el-select__wrapper {
  background: #303133;
  box-shadow: 0 0 0 1px #303133 inset;
}
::v-deep .el-select__placeholder {
  color: #fff !important;
}

::v-deep .el-select-dropdown__item.is-selected {
  color: #f7b328 !important;
}
</style>