| | |
| | | <template> |
| | | <div class="popup-delivery w-700 overflow-hidden"> |
| | | <div class="border-b-color pt-54 pb-36 relative textColor"> |
| | | <h1 class="font-38 px-32">{{ detailData.name }} {{ $t('交割') }}</h1> |
| | | <img src="@/assets/image/icon-close.png" class="w-38 h-38 absolute right-10 top-10" @click="onClose" /> |
| | | <div class="border-b-color pt-54 pb-36 relative textColor" > |
| | | <div class="font-38 px-32 " style="font-weight: bold;">{{ detailData.name }} {{ $t('交割') }}</div> |
| | | <div @click="onClose" class="w-38 h-38 absolute right-10 top-10" > |
| | | <img src="@/assets/image/icon-close.png" class="w-38 h-38 absolute right-10 top-10" /> |
| | | </div> |
| | | </div> |
| | | <div class="flex justify-center mt-45" v-if="!(detailData.state === 'created')"> |
| | | <!-- {{detailData.time_num}} --> |
| | |
| | | <van-circle v-show="rate != 0" layer-color="#ccc" size="120px" v-model="currentRate" :rate="rate" :speed="0" |
| | | :text="text"> |
| | | <van-count-down @finish="handleFinish" class="textColor" ref="coutDown" @change="timeChange" |
| | | :time="remain_time * 1000" :format="timeFormat" /> |
| | | :time="remain_time * 1000" format="sss" /> |
| | | </van-circle> |
| | | </div> |
| | | <div class="mt-45 font-50 text-center" |