登录页添加注册协议

pages/login/index.js

@@ -150,4 +150,11 @@ Page({
     }
   },
 
+  //推送链接
+  pushLink(e){
+    if(e.currentTarget.dataset.url){
+      _.$router.openUrlScheme(e.currentTarget.dataset.url)
+    }
+  },
+
 })

pages/login/index.wxml

@@ -18,7 +18,13 @@
         </view>
         <view class="absolute right-0 box-middle mr40 pt30 pb30 font-30 color-36afa2" bindtap='getAppSms'>{{text}}</view>
       </view>
-      <view class='mt60 relative'>
+      <view class="mt30 font-22 color-ccc text-center">
+        <label class="inline-block text-middle statement fn-clear"><checkbox class="fn-fl" checked="true" /><text class="pt3 fn-fl">我已阅读并同意</text></label>
+        <text class="text-middle color-36afa2" bindtap="pushLink" data-url="/pages/statement/registration/index">《狸车用户注册协议》</text>
+        <!-- <text class="text-middle">和</text>
+        <text class="text-middle color-36afa2" bindtap="pushLink" data-url="/pages/statement/privacy/index">《狸车用户隐私政策》</text> -->
+      </view>
+      <view class='mt30 relative'>
         <button class='btn-36afa2 font-36 color-fff ulib-r750' hover-class='btn-36afa2-hover' bindtap='getUserUkey'>登录</button>
       </view>
     </view>

pages/login/index.wxss

@@ -11,4 +11,24 @@ page{
 .login-light{left:0;bottom:322rpx;height:138rpx;animation:light linear 2s infinite;}
 @keyframes light{0%{opacity:1}100%{opacity:0}}
 
-.bottom-170{bottom:170rpx;}
+.bottom-170{bottom:170rpx;}
+
+/*复选框外框样式*/
+.statement checkbox .wx-checkbox-input {
+  width:22rpx;
+  height:22rpx;
+  border-color: #999;
+  background: #f9f9f9;
+} 
+/* 选中后的 背景样式*/
+.statement checkbox .wx-checkbox-input.wx-checkbox-input-checked {
+  border-color: #36afa2;
+  background: #36afa2;
+}
+/*复选框选中后内部样式*/
+.statement checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
+  font-size:18rpx;
+  color:#fff;
+  transform:translate(-50%, -50%) scale(1);
+  -webkit-transform:translate(-50%, -50%) scale(1);
+}