no message

pages.json

@@ -7,18 +7,20 @@
 				"navigationBarTitleText": "登陆首页",
 				"enablePullDownRefresh": false,
 				"app-plus": {
-					"subNVues": [{
-						"id": "loginContent",
-						"path": "pages/login/model/loginContent",
-						"style": {
-							"position": "absolute",
-							"top": "0",
-							"bottom": "0",
-							"left": "0",
-							"right": "0",
-							"background": "transparent"
+					"subNVues": [
+						{
+							"id": "loginContent",
+							"path": "pages/login/model/loginContent",
+							"style": {
+								"position": "absolute",
+								"top": "0",
+								"bottom": "0",
+								"left": "0",
+								"right": "0",
+								"background": "transparent"
+							}
 						}
-					}]
+					]
 				}
 			}
 		},
@@ -34,6 +36,13 @@
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
+		},
+		{
+			"path": "pages/login/localPhoneLogin",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
 		}
 	],
 	"globalStyle": {

pages/login/localPhoneLogin.vue

@@ -0,0 +1,22 @@
+<template>
+  <view>
+
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

pages/login/model/loginAgreement.vue

@@ -0,0 +1,60 @@
+<template>
+  <view class="data-agreement">
+    <image class="agreement-img" @click="setIsCheck" :src="'/static/img/login/check-'+(isCheck?'ok':'no')+'.png'" mode="aspectFill"></image>
+    <view class="agreement-text" @click="setIsCheck">
+      <text class="text-item sys-size-24 sys-color-white">我已阅读并同意</text>
+    </view>
+    <view class="agreement-text ">
+      <text class="text-item sys-size-24 sys-color-green">《用户协议》</text>
+    </view>
+    <view class="agreement-text ">
+      <text class="text-item sys-size-24 sys-color-white">和</text>
+    </view>
+    <view class="agreement-text ">
+      <text class="text-item sys-size-24 sys-color-green">《隐私政策》</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: "loginAgreement",
+  components: {},
+  props: {},
+  data() {
+    return {
+      isCheck:false,
+    }
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {
+    setIsCheck(){
+      this.isCheck=!this.isCheck
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.data-agreement{
+  display: flex;
+  flex-direction:row;
+  justify-content: center;
+  align-items: center;
+
+}
+.data-agreement .agreement-img{
+  width: 24rpx;
+  height: 24rpx;
+  border-radius: 4rpx;
+  margin-right: 6rpx;
+  /*border: 2rpx solid #FFFFFF;*/
+}
+.data-agreement .agreement-text{
+  line-height: 24rpx;
+  margin-left: 6rpx;
+}
+</style>

pages/login/model/loginContent.nvue

@@ -9,39 +9,25 @@
           ICOCO是为了人们摆脱自己单身的生活 而去结交 认识他人的过程一个网络交友平台
         </text>
       </view>
-      <view class="data-but" >
+      <view class="data-but" @click="goToLogin" >
         <!--          开始ICOCO-->
         <image class="but-img" src="/static/img/login/login-but.png" mode="aspectFill"></image>
       </view>
-      <view class="data-agreement">
-        <image class="agreement-img" @click="setIsCheck" :src="'/static/img/login/check-'+(isCheck?'ok':'no')+'.png'" mode="aspectFill"></image>
-        <view class="agreement-text" @click="setIsCheck">
-          <text class="text-item sys-size-24 sys-color-white">我已阅读并同意</text>
-        </view>
-        <view class="agreement-text ">
-          <text class="text-item sys-size-24 sys-color-green">《用户协议》</text>
-        </view>
-        <view class="agreement-text ">
-          <text class="text-item sys-size-24 sys-color-white">和</text>
-        </view>
-        <view class="agreement-text ">
-          <text class="text-item sys-size-24 sys-color-green">《隐私政策》</text>
-        </view>
-      </view>
+      <login-agreement></login-agreement>
+
     </view>
   </view>
 </template>
 
 <script>
-import tools from "@/service/tools";
+import LoginAgreement from "@/pages/login/model/loginAgreement";
 
 export default {
   name: "loginContent",
-  components: {},
+  components: {LoginAgreement},
   props: {},
   data() {
     return {
-      isCheck:false,
       windowWidth:750
     }
   },
@@ -55,8 +41,10 @@ export default {
     // console.log('width:'+width)
   },
   methods: {
-    setIsCheck(){
-      this.isCheck=!this.isCheck
+    goToLogin(){
+      uni.navigateTo({
+        'url':'/pages/login/localPhoneLogin'
+      })
     }
   }
 }
@@ -125,26 +113,9 @@ export default {
   height: 88rpx;
   border-radius: 200rpx;
   /*width: calc(100vw - 156rpx);*/
+  margin-bottom: 40rpx;
 }
 
-.data-agreement{
-  margin-top: 40rpx;
-  display: flex;
-  flex-direction:row;
-  justify-content: center;
-  align-items: center;
 
-}
-.data-agreement .agreement-img{
-  width: 24rpx;
-  height: 24rpx;
-  border-radius: 4rpx;
-  margin-right: 6rpx;
-  /*border: 2rpx solid #FFFFFF;*/
-}
-.data-agreement .agreement-text{
-  line-height: 24rpx;
-    margin-left: 6rpx;
-}
 
 </style>