wangxiaowei/xiuhuwangqiu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善功能

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

102
bundle/combo/details.vue
View File

@ -27,7 +27,7 @@
<!-- Rights Content -->
<view class="content-section">
<view class="section-title">
<view class="section-title" style="margin-top: 20rpx;">
<image src="https://xh.stnav.com/uploads/sport/hyqy.png" mode="heightFix" style="height: 40rpx;">
</image>
</view>
@ -65,6 +65,33 @@
</view>
</view>
<view style="margin-bottom: 28rpx;">
<view class="section-title" style="margin-bottom: 34rpx;">
<image src="https://xh.stnav.com/uploads/sport/hyyh.png" mode="heightFix" style="height: 40rpx;">
</image>
</view>
<view class="combo-cards">
<view class="combo-card" v-if="info.month_price && info.month_price > 0">
<view class="combo-tag pr">
<image src="https://xh.stnav.com/uploads/sport/yk_bg.png" style="width: 112rpx; height: 40rpx;"></image>
<view class="combo-type1 pb">月卡</view>
</view>
<view class="combo-price"><text class="currency">￥</text>{{ info.month_price }}</view>
<view class="combo-desc">每月/￥{{ info.month_price }}</view>
</view>
<view class="combo-card" v-if="info.seasonal_price && info.seasonal_price > 0">
<view class="combo-tag pr">
<image src="https://xh.stnav.com/uploads/sport/jk_bg.png" style="width: 112rpx; height: 40rpx;"></image>
<view class="combo-type2">季卡</view>
</view>
<view class="combo-price"><text class="currency">￥</text>{{ info.seasonal_price }}</view>
<view class="combo-desc">每季/￥{{ info.seasonal_price }}</view>
</view>
</view>
</view>
<!-- Rules Box -->
<view class="rules-box">
<view class="rules-tag">
@ -447,6 +474,79 @@ page {
background-color: #fff;
}
.combo-cards {
display: flex;
justify-content: center;
gap: 30rpx;
padding: 0 30rpx 0;
.combo-card {
width: 216rpx;
background: #FFFFFF;
border-radius: 16rpx;
border: 2rpx solid #F0DCAF;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 50rpx;
position: relative;
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.02);
.combo-tag {
position: absolute;
top: -8rpx;
left: 50%;
transform: translateX(-50%);
width: 112rpx;
height: 40rpx;
z-index: 10;
}
.combo-type1 {
font-size: 28rpx;
color: #CB8438;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.combo-type2 {
font-size: 28rpx;
color: #fff;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.combo-price {
margin-top: 60rpx;
font-size: 44rpx;
color: #C2863E;
font-weight: bold;
display: flex;
align-items: baseline;
.currency {
font-size: 28rpx;
font-weight: normal;
margin-right: 4rpx;
}
}
.combo-desc {
margin-top: 20rpx;
font-size: 22rpx;
color: #888888;
text-align: center;
line-height: 1.6;
}
}
}
.page-container {
padding-bottom: 200rpx;
}