开关会员 待完善

page_geren/addhuiyuan.vue

@@ -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{

page_geren/buyCard.vue

@@ -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;
 			}