From abb23e30893edadfbc76a67a60d79c00657be2ad Mon Sep 17 00:00:00 2001
From: zmr900709 <1838875027@qq.com>
Date: Tue, 2 Jun 2020 15:35:03 +0800
Subject: [PATCH] v

---
 pageA/login/login.vue | 75 +++++++++++++++++++++++++++----------------
 1 file changed, 47 insertions(+), 28 deletions(-)

diff --git a/pageA/login/login.vue b/pageA/login/login.vue
index 7769161..045cd52 100644
--- a/pageA/login/login.vue
+++ b/pageA/login/login.vue
@@ -22,18 +22,18 @@
 					<text class="pact_text">《用户协议》</text>
 					<text class="pact_text">《隐私协议》</text>
 					<text class="pact_text">《使用协议》</text>
+					<u-checkbox-group @change="checkboxGroupChange">
+						<u-checkbox @change="checkboxChange" v-model="item.checked" v-for="(item, index) in list" :key="index" :name="item.name" shape="circle" icon-size='16' active-color="#19BE6B"></u-checkbox>
+					</u-checkbox-group>
 				</view>
 			</view>
 			<!-- 注册 -->
 			<view class="more_Login">
-				<u-radio-group v-model="value" @change="radioGroupChange">
-					<u-radio @change="radioChange" v-for="(item, index) in list" :key="index" :name="item.name" :disabled="item.disabled">
-						{{item.name}}
-					</u-radio>
-				</u-radio-group>
 				<text>新用户点击注册</text>
 				<text class="other">其他方式登录</text>
 			</view>
+			<!-- denglu  -->
+			<u-button >{{login}}</u-button>
 		</view>
 	</view>
 </template>
@@ -42,33 +42,22 @@
 		data() {
 			return {
 				list: [{
-						name: 'apple',
-						checked: false,
-						disabled: false
-					},
-					{
-						name: 'banner',
-						checked: false,
-						disabled: false
-					},
-					{
-						name: 'orange',
-						checked: false,
-						disabled: false
-					}
-				],
+					checked: false,
+					disabled: false
+				}],
 				value: '',
+				login:'登录',
 			};
 		},
 		methods: {
-			// 选中某个单选框时，由radio时触发
-			radioChange(e) {
-				// console.log(e);
-			},
-			// 选中任一radio时，由radio-group触发
-			radioGroupChange(e) {
-				// console.log(e);
-			}
+			// 选中某个复选框时，由checkbox时触发
+					checkboxChange(e) {
+						//console.log(e);
+					},
+					// 选中任一checkbox时，由checkbox-group触发
+					checkboxGroupChange(e) {
+						// console.log(e);
+					}
 		}
 	};
 </script>
@@ -174,4 +163,34 @@
 		color: rgba(129, 188, 253, 1) !important;
 		line-height: 36px;
 	}
+	//单选框的样式
+	.pact{
+		position: relative;
+		padding-left: 40rpx;
+	}
+	.u-checkbox-group{
+		position: absolute;
+		left: 0;
+		top: 0;
+		bottom: 0;
+		margin: auto;
+	}
+	.u-checkbox__icon--square{
+		border-radius: 50rpx!important;
+		width: 22rpx;
+		height: 22rpx;
+	}
+	.u-btn{
+		width:628rpx;
+		height:98rpx;
+		background:rgba(255,120,15,1)!important;
+		border-radius:49rpx;
+		margin: 0 auto;
+		font-size:36rpx;
+		color:rgba(255,255,255,1)!important;
+		line-height:36px;
+		border: 1px #ff780f solid;
+		outline: none;
+		border-color: rgba(255,120,15,1)!important;
+	}
 </style>