浏览代码

预约充电页面,底部增加“同意预约充电协议”组件。

常志远 3 年之前
父节点
当前提交
380362e480
共有 1 个文件被更改,包括 10 次插入2 次删除
  1. 10 2
      pages/searchPile/apointment/apointmentRecharge.vue

+ 10 - 2
pages/searchPile/apointment/apointmentRecharge.vue

@@ -70,6 +70,13 @@
 		</u-modal>
 		</u-modal>
 
 
 		<view class="bottom">
 		<view class="bottom">
+			<view>
+				<u-checkbox-group>
+					<u-checkbox active-color="green" v-model="checked" shape="circle" ></u-checkbox>
+				</u-checkbox-group>
+				我已阅读并同意<span style="color:#00B962" >《预约充电规则 》</span>
+				
+			</view>
 			<u-button
 			<u-button
 			:class="{
 			:class="{
 				button:!lockStatus,
 				button:!lockStatus,
@@ -104,6 +111,7 @@
 				selectTime:15,
 				selectTime:15,
 				selectNum:60,
 				selectNum:60,
 				show:false,
 				show:false,
+				checked:false
 			}
 			}
 		},
 		},
 		onLoad(op) {
 		onLoad(op) {
@@ -344,8 +352,7 @@
 			background-color: #fff;
 			background-color: #fff;
 			
 			
 			width: 100%;
 			width: 100%;
-			height: 64px;
-			line-height: 64px;
+		
 			position: fixed;
 			position: fixed;
 			bottom: 0;
 			bottom: 0;
 			left: 0;
 			left: 0;
@@ -357,6 +364,7 @@
 				background-color: rgba(0, 185, 98, 100);
 				background-color: rgba(0, 185, 98, 100);
 				color: rgba(255, 255, 255, 100);
 				color: rgba(255, 255, 255, 100);
 	        	font-size: 16px;
 	        	font-size: 16px;
+				margin-top: 14px;
 				
 				
 			}
 			}
 			.buttonlockStatus{
 			.buttonlockStatus{