| | |
| | | </div> |
| | | <div class="text-right items-end justify-end"> |
| | | <div class="">{{ $t("数量") }}</div> |
| | | <div class="mt-4">({{ symbol | _symbolName() }})</div> |
| | | <div class="mt-4" v-if="symbol=='love'">(ORBITAL)</div> |
| | | <div class="mt-4" v-else>({{ symbol | _symbolName() }})</div> |
| | | </div> |
| | | </div> |
| | | <div |
| | |
| | | @paraId="onParaId" |
| | | /> |
| | | |
| | | <div class="w-440 flex items-center box-show h-76 lh-76 rounded-lg"> |
| | | <div |
| | | v-if="selectIndex == 1" |
| | | class="w-80 flex items-center justify-center" |
| | | style="height: 100%" |
| | | @click="onReduce" |
| | | > |
| | | <img |
| | | src="../../assets/image/public/reduce.png" |
| | | alt="add" |
| | | class="w-30 h-6" |
| | | /> |
| | | <div style="border: 1px solid #a6a6a6; border-radius: 4px;" class="h-76 lh-76 inputBackground2 mb-30 flex pr-20 justify-center rounded-lg textColor" |
| | | v-if="selectIndex == 1"> |
| | | <input v-if="type / 1 === 1" :placeholder="$t('价格最优')" class="w-full pl-20 h-76 border-none text-left rounded-lg" |
| | | :disabled="type / 1 === 1" @focus="focus = true" /> |
| | | <input v-else class="w-full pl-20 h-76 border-none text-left rounded-lg" |
| | | :disabled="type / 1 === 1" @focus="focus = true" v-model="form.price" /> |
| | | <span class="ml-20">USDT</span> |
| | | </div> |
| | | <div v-if="selectIndex == 2" class="w-440 flex items-center inputBackground2 h-76 lh-76 rounded-lg"> |
| | | <div v-if="selectIndex == 1" class="w-80 flex items-center justify-center" style="height: 100%" |
| | | @click="onReduce"> |
| | | <img src="../../assets/image/public/reduce.png" alt="add" class="w-30 h-6" /> |
| | | </div> |
| | | |
| | | <input |
| | | :placeholder=" |
| | | selectIndex == 1 |
| | | ? $t('张数') |
| | | : $t('最少') + initFutrue && initFutrue.para |
| | | ? $t('最小金额') + initFutrue.para[paraIndex].buy_min |
| | | : '' |
| | | " |
| | | class="border-none text-center " |
| | | style="width: 156px" |
| | | v-model="form.amount" |
| | | type="number" |
| | | @input="onInput" |
| | | /> |
| | | <div |
| | | class="w-80 flex items-center justify-center" |
| | | style="height: 100%" |
| | | > |
| | | <input :placeholder="selectIndex == 1 ? $t('交易数量') |
| | | : $t('最少') + initFutrue && initFutrue.para |
| | | ? $t('最小金额') + initFutrue.para[paraIndex].buy_min |
| | | : '' |
| | | " class="border-none text-center textColor" style="width: 156px" v-model="form.amount" |
| | | type="number" @input="onInput" /> |
| | | <div class="w-80 flex items-center justify-center" style="height: 100%"> |
| | | <template v-if="selectIndex == 1"> |
| | | <div @click="onAdd"> |
| | | <img |
| | | src="../../assets/image/public/add.png" |
| | | alt="reduce" |
| | | class="w-30 h-30" |
| | | /> |
| | | </div> |
| | | <img @click="onAdd" src="../../assets/image/public/add.png" alt="reduce" class="w-30 h-30" /> |
| | | </template> |
| | | <template v-else> |
| | | <span class="textColor">USDT</span> |
| | |
| | | {{ (initData.amount * (form.amount / 1)) | nan }} USDT |
| | | </div> |
| | | </div> |
| | | <div class="flex justify-between mt-30"> |
| | | <!-- <div class="flex justify-between mt-30"> |
| | | <div class="newcolor1">{{ $t("建仓手续费") }}</div> |
| | | <div class="textColor"> |
| | | {{ |
| | |
| | | }} |
| | | USDT |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </template> |
| | | <div |
| | | class="flex font-24 text-grey justify-between mt-32" |