css

App.vue

 <script>
-	export default {
-		onLaunch: function() {
-			console.log('App Launch')
-		},
-		onShow: function() {
-			console.log('App Show')
-		},
-		onHide: function() {
-			console.log('App Hide')
-		}
-	}
+export default {
+    onLaunch: function() {
+        console.log('App Launch');
+    },
+    onShow: function() {
+        console.log('App Show');
+    },
+    onHide: function() {
+        console.log('App Hide');
+    }
+};
 </script>
 
 <style>
-	@import './assets/css/font/iconfont.css';
-	/*每个页面公共css */
-	 /* #ifdef H5 */ 
-	    uni-page-head { display: none; } 
-	    /* #endif */
-		
-		
+@import './assets/css/font/iconfont.css';
+/*每个页面公共css */
+/* #ifdef H5 */
+uni-page-head {
+    display: none;
+}
+/* #endif */
 </style>

assets/css/mine/login.scss

@@ -4,6 +4,7 @@
     .logo {
         width: 170rpx;
         height: 82rpx;
+        margin-top: 50rpx;
     }
     .tab {
         margin-top: 80rpx;
@@ -80,6 +81,22 @@
         font-size: 28rpx;
         color: #ffffff;
     }
+    .agreement {
+        position: fixed;
+        bottom: 50rpx;
+        le: 0;
+        right: 0;
+        width: 100%;
+        text-align: center;
+        .t1 {
+            font-size: 22rpx;
+            color: #919399;
+        }
+        .t2 {
+            font-size: 22rpx;
+            color: #1969f9;
+        }
+    }
 }
 
 .mb24 {

pages.json

 {
-    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-        {
+    "pages": [{
             "path": "pages/index/index",
             "style": {
                 "navigationBarTitleText": "首页"
@@ -23,12 +22,19 @@
             "style": {
                 "navigationBarTitleText": "购物车"
             }
+
         },
         {
             "path": "pages/mine/login",
             "style": {
                 "navigationBarTitleText": "登录"
             }
+        },
+        {
+            "path": "pages/mine/agreements",
+            "style": {
+                "navigationBarTitleText": "协议"
+            }
         }
     ],
     "globalStyle": {

pages/mine/login.vue

@@ -21,10 +21,14 @@
             <input type="number" placeholder="请输入手机号码" placeholder-style="color:#919399;" class="uni-input" />
         </view>
         <view class="input-box code row bothSide verCenter mb40">
-            <input type="number" placeholder="请输入手机号码" placeholder-style="color:#919399;" class="uni-input" />
+            <input type="number" placeholder="请输入验证码" placeholder-style="color:#919399;" class="uni-input" />
             <text class="code">获取验证码</text>
         </view>
         <view class="btn row rowCenter verCenter">登录/注册</view>
+        <view class="agreement row rowCenter verCenter">
+            <text class="t1">登录即代表您同意</text>
+            <navigator class="t2" url="/reg/agreements">《用户注册协议》《隐私保护协议》</navigator>
+        </view>
     </view>
 </template>
 

router/index.js

@@ -16,37 +16,44 @@ const router = new Router({
             path: '/pages/index/index',
             aliasPath: '/',
             meta: {
-                title: '首页',
+                title: '首页'
             }
         },
         {
             path: '/pages/search/search',
             aliasPath: '/search',
             meta: {
-                title: '搜索首页',
+                title: '搜索首页'
             }
         },
         {
             path: '/pages/search/searchlist',
             aliasPath: '/s',
             meta: {
-                title: '搜索列表',
+                title: '搜索列表'
             }
         },
         {
             path: '/pages/car/car',
             aliasPath: '/joincart',
             meta: {
-                title: '购物车',
+                title: '购物车'
             }
         },
         {
             path: '/pages/mine/login',
             aliasPath: '/login',
             meta: {
-                title: '登录',
+                title: '登录'
             }
         },
+        {
+            path: '/pages/mine/agreements',
+            aliasPath: '/reg/agreements',
+            meta: {
+                title: '协议'
+            }
+        }
     ]
 });