授权登录页增加阅读同意选择项

taiyuan
1 parent 303fb7b4
Showing 3 changed files with 48 additions and 4 deletions
pages/togoin/togoin.js
pages/togoin/togoin.wxml
pages/togoin/togoin.wxss
@@ -64,6 +64,14 @@ Page({
  
   //-- 会员授权 --
   bindGetUserInfo: function(ee) {
+		
+		if(!this.data.isAgree) {
+			wx.showToast({
+				title: '请先勾选同意协议',
+				icon: 'none',
+			});
+			return false;
+		}
     var that = this;
 	//-- 点击授权 --
 	that.getUserProfile(function(res){
@@ -286,7 +294,30 @@ Page({
   close_pop_back:function(){
 	  this.close_pop();
 	  wx.navigateBack({ delta: 1})
-  }
+  },
+	
+	
+	// 是否同意协议
+	isAgree(e) {
+		let isAgree = null;
+		if(e.detail.value[0]) {
+			isAgree = true;
+		} else {
+			isAgree = false;
+		}; 
+		// this.data.isAgree = isAgree;
+		this.setData({
+			isAgree,
+		});
+	},
+	
+	
+	//通过路径跳转到其他页面
+	goto: function(e) {
+		console.log('xxxx', e);
+	  var url = e.currentTarget.dataset.url;
+	  getApp().goto(url);
+	},
  
  
  
@@ -2,7 +2,7 @@
  
   <!-- 登录图 -->
   <view >
-    <view class="logins flex-center2 ali-c flex" style="position: relative;top: 120rpx;">
+    <view class="logins flex-center2 ali-c flex" style="padding-top: 120rpx;">
 	  <image mode="widthFix"  bindtap="go_index" class="login_img_back" src="{{imghots}}/miniapp/images/loginbg.jpg"></image>
       <view class="middle_view">
          <image bindtap="go_index" class="login_img" src="{{store_logo}}" binderror="bind_bnerr" lazy-load="true" data-errorimg="store_logo"></image>
@@ -14,6 +14,13 @@
   <!-- 登录按钮 -->
   <view>
     <view class="phones">
+			
+		<view bindtap="" class="user-name flex-vertical fs24 jc-center">
+			<checkbox-group bindchange="isAgree">
+				<checkbox value="true"/>
+			</checkbox-group>
+		  <view class="user-name-txt">我已阅读同意 <text class="red" bindtap="goto" data-url="/packageA/pages/parseHtml/parseHtml?t=0">《用户使用协议》</text>与<text class="red" bindtap="goto" data-url="/packageA/pages/parseHtml/parseHtml?t=1">《隐私政策》</text></view>
+		</view>	
  
 	 <!-- 授权获取基础信息 -->
 	 <block wx:if="{{canIUseGetUserProfile}}">  
@@ -4,7 +4,7 @@ page{
 }
 .logins {
   width: 100%;
-  padding-bottom: 130rpx;
+  /* padding-bottom: 130rpx; */
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover
@@ -26,7 +26,7 @@ page{
   border-radius: 48rpx;
   color: rgb(255,255,255);
   font-size: 32rpx;
-  margin-top:150rpx;
+  margin-top: 40rpx;
 }
 .we_chat{
   width: 55rpx;
@@ -65,3 +65,9 @@ button{
 .middle_view{
     position: absolute; left: 0; width: 100%; text-align: center;
 }
+
+/*checkbox 选项框大小  */
+checkbox .wx-checkbox-input {
+  width: 30rpx;
+  height: 30rpx;
+}