| | |
| | | <div class="ico_list"> |
| | | <div class="ico_item mb-5" v-for="i in icoList" :key="i.id"> |
| | | <div class="item_1"> |
| | | {{ i.symbol }} ({{ i.name }}) |
| | | <div> |
| | | {{ i.symbol }} |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div class="mr-5">{{ $t('申购时间') }}</div> |
| | | <div>{{ i.startDate }} ~ {{ i.endDate }}</div> |
| | | <div class="item_1_1"> |
| | | {{ i.name }} |
| | | </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 class="item_2 flex justify-between"> |
| | | <div>{{ $t('每张手续费') }}</div> |
| | | <div>{{ i.unitFee }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div class="mr-5">{{ $t('申购时间') }}</div> |
| | | <div>{{ i.startDate }} ~ {{ i.endDate }}</div> |
| | | </div> |
| | | <div class="item_2 flex justify-between"> |
| | | <div>{{ $t('listingDate') }}</div> |
| | | <div>{{ i.marketDate }}</div> |
| | | </div> |
| | | <div class="item_3 flex justify-center"> |
| | | <van-button type="default" round size="large" @click="openBuy(i)">{{ $t('申购') }}</van-button> |
| | |
| | | import { showToast } from 'vant' |
| | | import { _icoList, _icoSubscribe } from "@/service/ico.api.js"; |
| | | import { useI18n } from "vue-i18n"; |
| | | |
| | | const { t } = useI18n() |
| | | |
| | | // 获取列表 |
| | |
| | | |
| | | .ico_item { |
| | | padding: .5rem 1rem; |
| | | border: #aaa solid 1px; |
| | | border-radius: 1rem; |
| | | color: #999; |
| | | font-size: 1.6rem; |
| | | border: #eee solid 1px; |
| | | border-radius:6px; |
| | | //border: #aaa solid 1px; |
| | | //border-radius: 1rem; |
| | | |
| | | @include themify() { |
| | | background-color: themed("input_background"); |
| | | //background-color: themed("input_background"); |
| | | } |
| | | |
| | | .item_1 { |
| | | padding: 1rem .5rem; |
| | | border-bottom: #ccc solid 1px; |
| | | border-bottom: #eee solid 1px; |
| | | font-size: 2.5rem; |
| | | color: black; |
| | | .item_1_1{ |
| | | color: #999; |
| | | font-size: 2rem; |
| | | font-weight: 700; |
| | | } |
| | | } |
| | | |
| | | .item_2 { |
| | | padding: 1rem .5rem; |
| | | border-bottom: #ccc solid 1px; |
| | | font-size: 1.6rem; |
| | | font-size: 1.4rem; |
| | | font-weight: 500; |
| | | |
| | | &>div:last-child { |
| | | color: #999; |
| | | font-size: 1.7rem; |
| | | color: #333; |
| | | } |
| | | } |
| | | |