| | |
| | | <template v-slot:title> |
| | | <div>STO</div> |
| | | </template> |
| | | <template v-slot:right> |
| | | <!-- <template v-slot:right> |
| | | <van-icon name="todo-list-o" @click="$router.push('/ICO/icoRecord')" /> |
| | | </template> |
| | | </template> --> |
| | | </fx-header> |
| | | |
| | | <div class="ico_list"> |
| | |
| | | <div>{{ i.startDate }} ~ {{ i.endDate }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('最低认购') }}</div> |
| | | <div>{{ i.minContribution }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('币种数量') }}</div> |
| | | <div>{{ i.maxContribution }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('IssuePrice') }}</div> |
| | | <div>{{ i.unitAmount }}</div> |
| | | </div> |
| | | |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{$t('listingDate')}}</div> |
| | | <div>{{ i.marketDate }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{$t('每张金额')}}</div> |
| | | <div>{{ i.unitAmount }}</div> |
| | | <div class="item_2 flex justify-between align-center"> |
| | | <div>{{ $t('进度') }}</div> |
| | | <div style="width: 70%;padding-top: 1rem;"> |
| | | <van-progress :percentage="i.progressRate || 0" track-color="#ccc" /> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{$t('每张手续费')}}</div> |
| | | <div>{{ i.unitFee }}</div> |
| | | </div> |
| | | <div class="item_3 flex justify-center"> |
| | | <!-- <div class="item_3 flex justify-center"> |
| | | <van-button type="default" round size="large" @click="openBuy(i)">{{$t('申购')}}</van-button> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | _icoList().then(res => { |
| | | icoList.value = res.records |
| | | }).catch(err => { |
| | | showToast(err.msg) |
| | | // showToast(err.msg) |
| | | }) |
| | | |
| | | // 打开申购弹窗 |
| | |
| | | .ico{ |
| | | padding: 0rem 1.2rem 5rem 1.2rem; |
| | | font-size: 1.5rem; |
| | | |
| | | .buy_popup{ |
| | | width: 40rem; |
| | | padding: 1rem; |
| | |
| | | |
| | | .ico_list{ |
| | | padding: 1rem 0rem; |
| | | |
| | | .ico_item{ |
| | | background-color: #eee; |
| | | padding:.5rem 1rem; |
| | | border: #aaa solid 1px; |
| | | border-radius: 1rem; |
| | | |
| | | .item_1{ |
| | | padding: 1rem .5rem; |
| | | border-bottom: #ccc solid 1px; |
| | | font-size: 2rem; |
| | | font-weight: 700; |
| | | } |
| | | |
| | | .item_2{ |
| | | padding: 1rem .5rem; |
| | | border-bottom: #ccc solid 1px; |
| | | font-size: 1.6rem; |
| | | font-weight: 500; |
| | | |
| | | &>div:last-child{ |
| | | color: #999; |
| | | } |
| | | } |
| | | |
| | | .item_3{ |
| | | padding: .5rem; |
| | | } |