| | |
| | | </van-circle> |
| | | </div> |
| | | <div class="mt-45 font-50 text-center" |
| | | :class="{ 'text-green': detailData.profit_state === '1', 'text-red': detailData.profit_state === '0' }" v-else>{{ |
| | | $t('服务费') }}<span>{{ detailData.profit_state === '1' ? '+' : '' }}{{ detailData.profit }}</span> {{ routeType == 'cryptos' ? 'USDT' : 'USD' }}</div> |
| | | :class="{ 'text-green': detailData.profit_state === '1', 'text-red': detailData.profit_state === '0' }" v-else> |
| | | {{ |
| | | $t('服务费') }}<span>{{ detailData.profit_state === '1' ? '+' : '' }}{{ detailData.profit }}</span> {{ routeType == |
| | | 'cryptos' ? 'USDT' : 'USD' }}</div> |
| | | <ul class="flex flex-col pb-61 textColor"> |
| | | <li v-for="item in listItem" :key="item.id" class="flex justify-between px-38 mt-28"> |
| | | <p class="text-grey font-30">{{ item.text }}</p> |
| | |
| | | <p class="font-30 " :class="colorChoose(item)" v-else>{{ handleBuyWord(item) }}</p> |
| | | </li> |
| | | </ul> |
| | | <div v-if="showBtns" class="flex justify-between text-white px-38 pb-61"> |
| | | <div v-if="showBtns" class="flex justify-center text-white px-38 pb-61"> |
| | | <p :class="{ 'btnMain': detailData.state !== 'created', 'bgDark': detailData.state === 'created' }" |
| | | class="w-255 h-90 rounded-lg flex justify-center items-center mr-20" @click="onClose">{{ $t('关闭') }}</p> |
| | | <p @click="continueToBuy" |
| | | <!-- <p @click="continueToBuy" |
| | | :class="{ 'btnMain': detailData.state === 'created', 'bgDark': detailData.state !== 'created', 'disableBtn': disabled }" |
| | | class="w-385 h-90 rounded-lg flex justify-center items-center">{{ $t('继续下单') }}</p> |
| | | class="w-385 h-90 rounded-lg flex justify-center items-center">{{ $t('继续下单') }}</p> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | // {id: 4, text: '数量', key: 'amount', extro: 'USDT'}, |
| | | // {id: 5, text: '交割时间', key: 'settlement_time'} |
| | | // ] |
| | | routeType:'cryptos' |
| | | routeType: 'cryptos' |
| | | } |
| | | }, |
| | | methods: { |
| | | continueToBuy() { |
| | | if (this.detailData.state !== 'created') { |
| | | return |
| | | } |
| | | console.log('detailData: ', this.detailData) |
| | | // if (this.detailData.state !== 'created') { |
| | | // return |
| | | // } |
| | | this.$emit('continueToBuy', this.detailData) |
| | | |
| | | //this.$router.push(`/trendDetails/${symbol}`) |