完善功能

This commit is contained in:
wangxiaowei
2026-04-23 14:38:53 +08:00
parent 5edfca8ff2
commit a4e9fa5daf
4 changed files with 123 additions and 7 deletions

View File

@ -7,11 +7,18 @@
<view class="pr d-c-c mb-20" v-for="item in list" :key="item.id" @click="jumpPage(`/bundle/combo/details?id=${item.id}`)">
<view class="pr">
<image :src="item.img" style="width: 690rpx; height: 300rpx;" />
<view class="kt-eg-name">{{ item.eg_name }}</view>
<view class="kt-eg-name">
{{ item.eg_name }}
</view>
<view class="kt-name">{{ item.name }}</view>
<view class="kt-btn-bg">
<view :class="item.order ? 'kt-txt2' : 'kt-txt1'">{{ item.order ? '续费' : '立即开通' }}</view>
</view>
<view class="kt-price-box" style="position: absolute; right: 40rpx; bottom: 22rpx; display: flex; align-items: center;">
<view class="kt-price" v-if="item.month_price && item.month_price > 0" style="color: #977A5D; font-size: 24rpx; font-weight: 400; margin-right: 20rpx;">月卡 {{ item.month_price }}</view>
<view class="kt-price" v-if="item.seasonal_price && item.seasonal_price > 0" style="color: #977A5D; font-size: 24rpx; font-weight: 400;">季卡 {{ item.seasonal_price }}</view>
</view>
</view>
</view>
</view>
@ -94,6 +101,7 @@ page {
font-size: 30rpx;
font-weight: bold;
& .kt-txt1 {
padding-left: 60rpx;
}
@ -101,9 +109,18 @@ page {
& .kt-txt2 {
padding-left: 80rpx;
}
.kt-price {
color: #C2863E;
margin-left: 10rpx;
font-size: 24rpx;
}
}
.mb-20 {
margin-bottom: 20px;
}
</style>