前端 小程序 sdy

pageD/myRelease/buyEdit.vue

@@ -1,5 +1,7 @@
 <template>
 	<view class="center">
+		<view class="area">
+			
 		<view class="c-row b-b">
 			<text class="tit">名头</text>
 			<view class="con-list">
@@ -78,14 +80,17 @@
 				<input placeholder="请输入买方手机号" name="input" v-model="deptList.buyerPhone"></input>
 			</view>
 		</view>
-		<view class="c-row b-b">
+		<view class="c-row ">
 			<button @click='getcode' type="default">{{sendText}}</button>
 			<view class="con-list">
 				<input placeholder="请填写6位短信验证码" name="input" v-model="deptList.title1"></input>
 			</view>
 		</view>
+		</view>
+		<view  class="area">
 		<view class="c-row b-b">
-			<checkbox style='transform: scale(0.8);'  :checked="checked" @click='checkedbox'></checkbox>完善更多信息（选填，可由客服人员代为完善）
+			<!-- <checkbox style='transform: scale(0.8);'  :checked="checked" @click='checkedbox'></checkbox>完善更多信息（选填，可由客服人员代为完善） -->
+			<checkbox style='transform: scale(0.8);'  :checked="checked" @click='checkedbox'></checkbox><text style="font-size: 14px; ">完善更多信息<text style="font-size: 10px; color: #AFB3BF;">（选填，可由客服人员代为完善）</text></text>
 		</view>
 		<view v-if='checked' class="c-row b-b">
 			<text class="tit">水分（%）<= </text>
@@ -175,8 +180,8 @@
 				</view>
 			</picker>
 		</view>
-
-		<button @click="commit()">重新发布</button>
+</view>
+		<button @click="commit()" class="btn">重新发布</button>
 	</view>
 </template>
 
@@ -240,7 +245,7 @@
 		onLoad(options){
 			this.id=options.id
 			if(options.customerName){
-				this.deptList.procurementPlanNo=options.customerName
+				this.deptList.procurementPlanNo = options.customerName
 			}
 			
 		},
@@ -359,7 +364,8 @@
 				this.show1=true
 			},
 			checkedbox(e){
-				this.checked=!this.checked
+				this.checked = !this.checked
+				console.log( this.checked)
 			},
 			typeChange(e) {
 				this.typesIndex = e.detail.value
@@ -616,6 +622,7 @@
 <style>
 	.center {
 		padding: 10px 20px;
+		background-color: #F5F6FA;
 	}
 
 	.c-row {
@@ -646,4 +653,15 @@
 		padding-right: 20rpx;
 		font-size: 14px;
 	}
+	.area{
+		background-color: #FFFFFF;
+		border-radius: 20px;
+		margin-top: 10px;
+	}
+	.btn{
+		margin-top: 10px;
+		border-radius: 20px;
+		background-color: #22C572;
+		color: #FFFFFF;
+	}
 </style>