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-11 23:00:20 +08:00
parent be1ce34a74
commit 74aa8d8ac4
5 changed files with 333 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
pages/index/index.vue
View File

@ -17,19 +17,37 @@
<image style="width: 40rpx;height: 40rpx;" src="@/static/icon/notice.png" mode=""></image>
<view class="notice-txt">{{ setting.notice }}</view>
</view> -->
<!--
<view style="display: flex; justify-content: center; margin-bottom: 20rpx;" @click="toRecharge">
<image style="width: 690rpx;height: 140rpx;" src="https://xh.stnav.com/uploads/sport/recharge.png" mode=""></image>
</view>
<view style="display: flex; justify-content: center; margin-bottom: 26rpx;" @click="toCombo">
<image style="width: 690rpx;height: 200rpx;" src="https://xh.stnav.com/uploads/sport/to-combo2.png" mode=""></image>
</view>
</view> -->
<!-- <view style="display: flex; justify-content: center; margin-bottom: 40rpx;" @click="toCombo">
<image style="width: 690rpx;height: 230rpx;" src="https://xh.stnav.com/uploads/sport/to-combo1.png" mode=""></image>
</view> -->
<view class="card-container">
<view class="card left-card" @click="toRecharge" style="background-image: url('https://xh.stnav.com/uploads/sport/home_image2.png'); background-size: 100% 100%; background-repeat: no-repeat;">
<view class="card-text">
<view class="card-title" style="color: #4693F6;">网球充值卡</view>
<view class="card-subtitle left-subtitle" style="color: #4693F6;">充值立享优惠</view>
<view style="margin-top: 50rpx;"><text class="card-btn" style="background-color: #6A9CFD; color: #fff;">立即抢购</text></view>
</view>
</view>
<view class="card right-card" @click="toCombo" style="background-image: url('https://xh.stnav.com/uploads/sport/home_image1.png'); background-size: 100% 100%; background-repeat: no-repeat;">
<view class="card-text">
<view class="card-title" style="color: #D1834F;">篮球套餐卡</view>
<view class="card-subtitle right-subtitle" style="color: #CD9C7B;">青年卡、亲子卡、成年卡...等你来领</view>
<view><text class="card-btn" style="background-color: #D19A62; color: #fff;">立即查看</text></view>
</view>
</view>
</view>
<!-- 预约球馆 -->
<view class="info">
<view class="title">
@ -719,6 +737,62 @@ export default {
</script>
<style lang="scss">
.card-container {
display: flex;
justify-content: space-between;
padding: 0 30rpx;
margin-bottom: 30rpx;
}
.card {
width: 330rpx;
height: 200rpx;
border-radius: 16rpx;
position: relative;
padding: 24rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card-text {
position: relative;
z-index: 2;
}
.card-title {
font-size: 32rpx;
font-weight: bold;
margin-bottom: 8rpx;
}
.card-subtitle {
font-size: 22rpx;
margin-bottom: 24rpx;
line-height: 1.3;
}
.left-subtitle {
width: 160rpx;
}
.right-subtitle {
width: 250rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.card-btn {
font-size: 20rpx;
padding: 6rpx 24rpx;
border-radius: 30rpx;
}
page {
background-color: $xh-bg;
}