添加套餐管理
This commit is contained in:
@ -4,29 +4,11 @@
|
||||
|
||||
<view style="margin-top: 20px;">
|
||||
<!-- 青年卡 -->
|
||||
<view class="pr d-c-c mb-20" @click="jumpPage('/bundle/combo/details?type=youth')">
|
||||
<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="https://xh.stnav.com/uploads/sport/qnk.png" style="width: 690rpx; height: 300rpx;" />
|
||||
<view class="kt-btn-bg">
|
||||
<view>立即开通</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 成人卡 -->
|
||||
<view class="pr d-c-c mb-20" @click="jumpPage('/bundle/combo/details?type=adult')">
|
||||
<view class="pr">
|
||||
<image src="https://xh.stnav.com/uploads/sport/crk.png" style="width: 690rpx; height: 300rpx;" />
|
||||
<view class="kt-btn-bg">
|
||||
<view>立即开通</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 亲子卡 -->
|
||||
<view class="pr d-c-c" @click="jumpPage('/bundle/combo/details?type=family')">
|
||||
<view class="pr">
|
||||
<image src="https://xh.stnav.com/uploads/sport/qzk.png" style="width: 690rpx; height: 300rpx;" />
|
||||
<image :src="item.img" style="width: 690rpx; height: 300rpx;" />
|
||||
<view class="kt-eg-name">{{ item.eg_name }}</view>
|
||||
<view class="kt-name">{{ item.name }}</view>
|
||||
<view class="kt-btn-bg">
|
||||
<view>立即开通</view>
|
||||
</view>
|
||||
@ -45,10 +27,28 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
list: [],
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.handleGetList();
|
||||
},
|
||||
methods: {
|
||||
handleGetList() {
|
||||
// 获取套餐卡列表
|
||||
let self = this;
|
||||
self._post(
|
||||
'ground.group/getGroupList',
|
||||
null,
|
||||
result => {
|
||||
self.list = result.data;
|
||||
},
|
||||
false,
|
||||
() => {
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
/*跳转页面*/
|
||||
jumpPage(path) {
|
||||
this.gotoPage(path);
|
||||
@ -63,6 +63,24 @@ page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.kt-eg-name {
|
||||
position: absolute;
|
||||
left: 46rpx;
|
||||
top: 52rpx;
|
||||
color: #C2863E;
|
||||
font-size: 36rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.kt-name {
|
||||
position: absolute;
|
||||
left: 64rpx;
|
||||
top: 118rpx;
|
||||
color: #C2863E;
|
||||
font-size: 36rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.kt-btn-bg {
|
||||
position: absolute;
|
||||
left: 34rpx;
|
||||
|
||||
Reference in New Issue
Block a user