chuangte/smartswrtch-app
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

开关会员 待完善

Browse Source
This commit is contained in:
3321822538@qq.com 2025-01-19 21:39:06 +08:00
parent 393acf49a2
commit aec896e882
2 changed files with 79 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
page_geren/addhuiyuan.vue
View File

@ -1,60 +1,60 @@
<template>
<view>
<u-navbar title="新增会员卡" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
<u-navbar :title="tit" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
height='45'></u-navbar>
<view class="box">
<view class="ul">
<view class="name">
会员卡名称
</view>
<input type="text" placeholder="请输入会员卡名称"/>
<input type="text" v-model="name" placeholder="请输入会员卡名称"/>
</view>
<view class="ul">
<view class="name">
会员卡原价/元
</view>
<input type="text" placeholder="请输入会员卡原价"/>
<input type="text" v-model="yuanjia" placeholder="请输入会员卡原价"/>
</view>
<view class="ul">
<view class="name">
会员卡现价/元
</view>
<input type="text" placeholder="请输入会员卡现价"/>
<input type="text" v-model="xianjia" placeholder="请输入会员卡现价"/>
</view>
<view class="ul">
<view class="name">
会员卡期限/天
</view>
<input type="text" placeholder="请输入会员卡期限"/>
<input type="text" v-model="qixian" placeholder="请输入会员卡期限"/>
</view>
<view class="ul">
<view class="name">
会员卡折扣/折
</view>
<input type="text" placeholder="请输入会员卡折扣"/>
<input type="text" v-model="zhekou" placeholder="请输入会员卡折扣"/>
</view>
<view class="ul">
<view class="name">
会员卡使用次数/次
</view>
<input type="text" placeholder="请输入会员卡使用次数"/>
<input type="text" v-model="shangxian" placeholder="请输入会员卡使用次数"/>
</view>
<view class="ul">
<view class="name">
上限次数/次
</view>
<view class="sx">
<input type="text"/>/天 上限<input type="text"/>/次
<input v-model="day" type="text"/>/天 上限<input v-model="cishu" type="text"/>/次
</view>
</view>
</view>
<view class="anniu">
<view class="qx">
取消
<view class="qx" @click="btnqx">
{{deltit}}
</view>
<view class="qd">
新增
{{addtit}}
</view>
</view>
@ -68,10 +68,29 @@
bgc: {
backgroundColor: '#fff'
},
tit:'',
deltit:'',
addtit:'',
name:'',
yuanjia:'',
xianjia:'',
qixian:'',
zhekou:'',
shangxian:'',
day:'',
cishu:''
}
},
onLoad() {
onLoad(option) {
if(option.id){
this.tit = '修改会员卡'
this.deltit = '删除'
this.addtit = '修改'
}else{
this.tit = '新增会员卡'
this.deltit = '取消'
this.addtit = '新增'
}
},
methods: {
getQiniuToken() {
@ -81,6 +100,22 @@
}
})
},
// 点击取消或者删除
btnqx(){
if(this.deltit == '取消'){
uni.navigateBack()
}else{
}
},
// 点击新增或者修改
btnadd(){
if(this.addtit == '新增'){
}else{
}
}
}
}
</script>
@ -92,6 +127,10 @@
justify-content: space-between;
padding: 0 60rpx;
box-sizing: border-box;
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 50rpx;
.qx{
width: 300rpx;
height: 80rpx;
@ -99,7 +138,17 @@
text-align: center;
line-height: 80rpx;
background-color: #ccc;
font-size: 32rpx;
}
.qd{
width: 300rpx;
height: 80rpx;
border-radius: 50rpx;
text-align: center;
line-height: 80rpx;
background-color: #8883F0;
font-size: 32rpx;
color: #fff;
}
}
.box{

23
page_geren/buyCard.vue
View File

@ -4,10 +4,13 @@
height='45'></u-navbar>
<view class="cont">
<view class="card2" v-for="(item,index) in 3" :key="index">
<view class="card3" style="margin-top: 20rpx;" >
<view class="card3" style="margin-top: 20rpx;" @click="btnxq">
<view class="" style="font-size: 34rpx;font-weight: 600;">
会员卡名称
</view>
<view class="top">
<view class="tit1">
一月30次
20天30次
</view>
<view class="tit2">
30<span style="font-size: 28rpx;">元</span>
@ -15,7 +18,7 @@
</view>
<view class="middle">
<view class="tit3" >
每周最多用7次
8天最多用20次
</view>
<view class="tit4">
原价：40元
@ -55,6 +58,12 @@
uni.navigateTo({
url:'/page_geren/addhuiyuan'
})
},
// 点击修改
btnxq(){
uni.navigateTo({
url:'/page_geren/addhuiyuan?id=' + 1
})
}
}
}
@ -66,13 +75,13 @@
}
.anniu{
width: 680rpx;
height: 120rpx;
height: 100rpx;
border-radius: 50rpx;
background-color: #8883F0;
font-size: 38rpx;
font-weight: 600;
text-align: center;
line-height: 120rpx;
line-height: 100rpx;
position: fixed;
left: 50%;
transform: translateX(-50%);
@ -254,7 +263,7 @@
padding: 20rpx 40rpx;
width: 680rpx;
margin: auto;
height: 200rpx;
height: 240rpx;
background: #FFFFFF;
box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0,0,0,0.08);
border-radius: 20rpx 20rpx 20rpx 20rpx;
@ -341,7 +350,7 @@
.card2{
margin-top: 16rpx;
width: 680rpx;
height: 210rpx;
height: 250rpx;
margin: auto;
}