1

李凌

2025-10-09 c17311ba1351cd5e64654c3fc7b2fe765b1e7382

 src/views/ICO/ico.vue

@@ -15,40 +15,40 @@
                    {{ i.symbol }} ({{ i.name }})
                </div>
                <div class="item_2 flex justify-between">
                    <div class="mr-5">{{$t('申购时间')}}</div>
                    <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>{{ $t('listingDate') }}</div>
                    <div>{{ i.marketDate }}</div>
                </div>
                <div class="item_2 flex justify-between">
                    <div>{{$t('每张金额')}}</div>
                    <div>{{ $t('每张金额') }}</div>
                    <div>{{ i.unitAmount }}</div>
                </div>
                <div class="item_2 flex justify-between">
                    <div>{{$t('每张手续费')}}</div>
                    <div>{{ $t('每张手续费') }}</div>
                    <div>{{ i.unitFee }}</div>
                </div>
                <div class="item_3 flex justify-center">
                    <van-button type="default" round size="large" @click="openBuy(i)">{{$t('申购')}}</van-button>
                    <van-button type="default" round size="large" @click="openBuy(i)">{{ $t('申购') }}</van-button>
                </div>
            </div>
        </div>

        
    <!-- 购买弹窗 -->
    <van-popup v-model:show="show" round >
        <div class="buy_popup">
            <div class="buy_title flex justify-center">{{ itemObj.symbol }}</div>

            <van-field v-model="sgNum" type="digit" :label="$t('申购数量')" />
        <!-- 购买弹窗 -->
        <van-popup v-model:show="show" round>
            <div class="buy_popup">
                <div class="buy_title flex justify-center">{{ itemObj.symbol }}</div>

            <div class="flex justify-center mt-5">
                <van-button type="default" size="large" round @click="buy">{{$t('confirm')}}</van-button>
                <van-field v-model="sgNum" type="digit" :label="$t('申购数量')" />

                <div class="flex justify-center mt-5">
                    <van-button type="default" size="large" round @click="buy">{{ $t('confirm') }}</van-button>
                </div>
            </div>
        </div>
    </van-popup>
        </van-popup>
    </div>
</template>

@@ -79,9 +79,9 @@
// 申购
const buy = () => {
    let opt = {
        icoProjectId:itemObj.value.id,
        icoProjectId: itemObj.value.id,
        subscribeNums: sgNum.value,
        subscriptionType:1,
        subscriptionType: 1,
    }
    _icoSubscribe(opt).then(res => {
        showToast(t('submitSuccess'))
@@ -94,44 +94,53 @@
</script>

<style lang="scss" scoped>
.ico{
.ico {
    padding: 0rem 1.2rem 2rem 1.2rem;
    font-size: 1.5rem;
    .buy_popup{

    .buy_popup {
        width: 40rem;
        padding: 1rem;

        .buy_title{
        .buy_title {
            font-size: 2.5rem;
            font-weight: 700;
            border-bottom: #aaa solid 1px;
            padding: 1rem;
        }
    }
    
    .ico_list{

    .ico_list {
        padding: 1rem 0rem;
        .ico_item{
            background-color: #eee;
            padding:.5rem 1rem;

        .ico_item {
            padding: .5rem 1rem;
            border: #aaa solid 1px;
            border-radius: 1rem;
            .item_1{

            @include themify() {
                background-color: themed("input_background");
            }

            .item_1 {
                padding: 1rem .5rem;
                border-bottom: #ccc solid 1px;
                font-size: 2rem;
                font-weight: 700;
            }
            .item_2{

            .item_2 {
                padding: 1rem .5rem;
                border-bottom: #ccc solid 1px;
                font-size: 1.6rem;
                font-weight: 500;
                &>div:last-child{

                &>div:last-child {
                    color: #999;
                }
            }
            .item_3{

            .item_3 {
                padding: .5rem;
            }
        }