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

dcc

2024-05-15 9d1fadaf0e2abf8e04446580d8baadf7717ce0d1

 src/components/perpetual-open/index.vue

@@ -22,9 +22,6 @@
          </div>
        </div>
      </div>
      <div>
        <img src="../../assets/image/public/k-line.png" alt="line-img" class="w-38 h-35" @click="jump" />
      </div>
    </div>
    <div class="pt-30 pb-20">
      <div class="flex">
@@ -136,24 +133,6 @@
                (form.amount / 1) : initData.fee * (form.amount / 1) * form.lever_rate | nan }} USDT</div>
            </div>
          </template>
          <div class="flex font-24 text-grey justify-between mt-32" v-if="selectIndex == 2">
            <div>{{ $t("可用USDT") }}</div>
            <div class="textColor">{{ initFutrue.amount | nan }} USDT</div>
          </div>
          <div class="flex font-24 text-grey justify-between mt-20" v-if="selectIndex == 2">
            <div>{{ $t("手续费") }}</div>
            <div class="textColor">
              {{
                (
                  form.amount *
                  (initFutrue && initFutrue.para
                    ? initData.para[paraIndex].unit_fee
                    : "")
                ).toFixed(2) | nan
              }}
              USDT
            </div>
          </div>
          <template v-if="userInfo.token">
            <template v-if="selectIndex == 1">
              <div class="w-full h-80 lh-80 bg-green flex text-white rounded-md mt-50" v-if="currentType == 'long'"
@@ -198,6 +177,24 @@
              </div>
            </template>
          </template>
          <div class="flex font-24 text-grey justify-between mt-32" v-if="selectIndex == 2">
            <div>{{ $t("可用USDT") }}</div>
            <div class="textColor">{{ initFutrue.amount | nan }} USDT</div>
          </div>
          <div class="flex font-24 text-grey justify-between mt-20" v-if="selectIndex == 2">
            <div>{{ $t("手续费") }}</div>
            <div class="textColor">
              {{
                (
                    form.amount *
                    (initFutrue && initFutrue.para
                        ? initData.para[paraIndex].unit_fee
                        : "")
                ).toFixed(2) | nan
              }}
              USDT
            </div>
          </div>
          <div v-else class="w-full mt-120">
            <div class="textColor">
              <p>{{ $t("套期保值，风险对冲") }}</p>