完善功能
This commit is contained in:
@ -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>
|
||||
Reference in New Issue
Block a user