样式优化

common/styles/global/pages.scss

@@ -31,16 +31,15 @@
 		 
 	.agreement-checkbox-box {
 		  display: flex;justify-content: center;margin-top: 10rpx;;
-		  .agreement-checkbox {
-		  	.uni-checkbox-wrapper{
-		  		color: #ffffffd9;font-size: 27rpx;line-height: 1.3;
-		  		flex-direction: row;display: flex;    
-		  		.uni-checkbox-input{
-		  			width: 40rpx;height: 40rpx;border: 0;background-color: unset;@include ezy-no-repeat-cover;
-		  			background-image: url("@/static/images/login/login-checked-bj.png");margin-right: 4rpx;
-		  			svg {width: 28;height: 28rpx;top: 48%;left: 50%;}
-		  		}
-		  	}
+		  .agreement-checkbox-input{width: 40rpx;height: 40rpx;border: 0;margin-right: 4rpx;font-size: 0;}
+		  .uni-checkbox-input{
+			  width: 40rpx;height: 40rpx;border: 0;background-color: unset;@include ezy-no-repeat-cover;
+			  background-image: url("@/static/images/login/login-checked-bj.png");
+		  	svg {width: 28;height: 28rpx;top: 48%;left: 50%;}
+		  }
+		  .agreement-text-box {
+		  		color: #ffffffd9;font-size: 27rpx;
+		  		flex-direction: row;display: flex;align-items: center;
 		  	.agreement-text{color: #e3f524;display: contents;}
 		  }
 	}

pages/login/index.vue

@@ -12,9 +12,10 @@
 				    </view>
 					<!-- 协议勾选框和按钮 -->
 					<view class="agreement-checkbox-box">
-						<checkbox class="agreement-checkbox" color="#FFFFFF" :checked="data.isAgreed" @change="handleAgreementChange">
+						<checkbox class="agreement-checkbox-input" color="#FFFFFF" :checked="data.isAgreed" @change="handleAgreementChange"/>
+						<view class="agreement-text-box">
 						  我已阅读并同意<view class="agreement-text">《用户协议》</view>和<view class="agreement-text">《隐私政策》</view>
-						</checkbox>
+						</view>
 					</view>
 					<view class="login-btn yzm-btn-disabled" @click="getYzmBtn" :class="data.telStatus"></view>
 				</view>