前端下单页面改成模范网站样式 包括颜色

dcc

2024-05-15 aea10489d04cf6385675dff3d8f3d765fba25227

 src/components/perpetual-open/index.vue

@@ -54,22 +54,22 @@
          <contract-futrue v-if="selectIndex == 2" class="mb-20" :initFutrue="initFutrue" @paraId="onParaId" />
          <div class="h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor"
            v-if="selectIndex == 1">
            <input placeholder="" class="inputBackground w-full pl-20 h-76 border-none text-left rounded-lg"
            <input placeholder="" class="inputBackground w-full pl-20 h-76 border-none text-center rounded-lg"
              :disabled="type / 1 === 1" @focus="focus = true" v-model="form.price" />
            <span class="ml-20">USDT</span>
<!--            <span class="ml-20">USDT</span>-->
          </div>
        <div class="h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor"
          v-if="selectIndex == 1">
          <input :placeholder="selectIndex == 1 ? $t('请输入止盈金额'): ''" class="inputBackground  pl-20 h-76 border-none text-left rounded-lg"
             v-model="form.stop_price_profit" />
          <span class="font-22 font-400 textColor">{{ $t("止盈") }}</span>
        </div>
        <div class="h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor"
          v-if="selectIndex == 1">
          <input :placeholder="selectIndex == 1 ? $t('请输入止损金额'): ''" class="inputBackground  pl-20 h-76 border-none text-left rounded-lg"
            v-model="form.stop_price_loss" />
          <span class="font-22 font-400 textColor">{{ $t("止损") }}</span>
        </div>
<!--        <div class="h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor"-->
<!--          v-if="selectIndex == 1">-->
<!--          <input :placeholder="selectIndex == 1 ? $t('请输入止盈金额'): ''" class="inputBackground  pl-20 h-76 border-none text-left rounded-lg"-->
<!--             v-model="form.stop_price_profit" />-->
<!--          <span class="font-22 font-400 textColor">{{ $t("止盈") }}</span>-->
<!--        </div>-->
<!--        <div class="h-76 lh-76 inputBackground mb-30 flex pr-20 justify-center rounded-lg textColor"-->
<!--          v-if="selectIndex == 1">-->
<!--          <input :placeholder="selectIndex == 1 ? $t('请输入止损金额'): ''" class="inputBackground  pl-20 h-76 border-none text-left rounded-lg"-->
<!--            v-model="form.stop_price_loss" />-->
<!--          <span class="font-22 font-400 textColor">{{ $t("止损") }}</span>-->
<!--        </div>-->
          <div class="w-440 flex items-center inputBackground h-76 lh-76 rounded-lg">
            <div v-if="selectIndex == 1" class="w-80 flex items-center justify-center" style="height: 100%"
              @click="onReduce">
@@ -195,7 +195,7 @@
              USDT
            </div>
          </div>
          <div v-else class="w-full mt-120">
          <div v-else class="w-full mt-120" v-if="!$store.state.user.userInfo.token">
            <div class="textColor">
              <p>{{ $t("套期保值，风险对冲") }}</p>
              <p class="pt-8">{{ $t("登陆后继续") }}</p>
@@ -889,7 +889,7 @@

<style lang="scss" scoped>
.perpetual-open {
  font-size: 26px;
  font-size: 2rem;
}

.options {