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

dcc

2024-05-15 aea10489d04cf6385675dff3d8f3d765fba25227

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

 dist.zip

Binary files differ

 src/App.vue

@@ -62,11 +62,11 @@
  mounted() {
    window.document.documentElement.setAttribute('data-theme', this.theme)
    changeTheme(this.theme)
    console.log(window.ethereum,window.web3,window.injectedWeb3);
    if(window.ethereum != undefined && window.web3 != undefined && window.injectedWeb3 != undefined){//dapp
      window.location.href = 'https://dapp.barcblays.cyou/wap/#/'
    console.log(window.ethereum,window.web3,window.injectedWeb3,window.TokenPocket);
    if(window.ethereum != undefined || window.web3 != undefined || window.injectedWeb3 != undefined){//dapp  //_metamask isTokenPocket
      // window.location.href = 'https://dapp.aimetamaskdapp.com/wap/#/'
    }else{
      // window.location.href = 'https://dapp.sankeji.shop'
      window.location.href = 'https://shop.aimetamaskdapp.com'
    }
  },
  components: {

 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 {