add signin ui

Author: uniquexiaobai

app.json

@@ -1,7 +1,11 @@
 {
   "pages":[
     "pages/index/index",
-    "pages/logs/logs"
+    "pages/explore/explore",
+    "pages/famous/famous",
+    "pages/me/me",
+    "pages/logs/logs",
+    "pages/signin/signin"
   ],
   "window":{
     "backgroundTextStyle":"light",
@@ -27,13 +31,13 @@
         "selectedIconPath": "img/tab/explore1.png"
       },
       {
-        "pagePath": "pages/index/index",
+        "pagePath": "pages/famous/famous",
         "text": "Famous",
         "iconPath": "img/tab/famous.png",
         "selectedIconPath": "img/tab/famous1.png"
       },
       {
-        "pagePath": "pages/index/index",
+        "pagePath": "pages/me/me",
         "text": "Me",
         "iconPath": "img/tab/me.png",
         "selectedIconPath": "img/tab/me1.png"

app.wxss

@@ -1,10 +1,16 @@
-/**app.wxss**/
 .container {
-  height: 100%;
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
+  height: 100%;
   padding: 200rpx 0;
   box-sizing: border-box;
-} 
+}
+.center {
+  align-items: center;
+  justify-content: center;
+}
+.row {
+  flex-direction: row;
+}
+.col {
+  flex-direction: column;
+}

pages/explore/explore.wxml

@@ -1,5 +1,3 @@
-<view class="container">
-  <view class="usermotto">
-    <text>Explore</text>
-  </view>
+<view class="container center">
+  <text>Explore</text>
 </view>

pages/famous/famous.wxml

@@ -1,5 +1,3 @@
-<view class="container">
-  <view class="usermotto">
-    <text>Famous</text>
-  </view>
+<view class="container center">
+  <text>Famous</text>
 </view>

pages/index/index.js

@@ -12,8 +12,12 @@ Page({
       url: '../logs/logs'
     })
   },
+  goRouteSignIn: function() {
+    wx.navigateTo({
+      url: '../signin/signin'
+    });
+  },
   onLoad: function () {
-    console.log('onLoad')
     var that = this
     //调用应用实例的方法获取全局数据
     app.getUserInfo(function(userInfo){
@@ -23,4 +27,4 @@ Page({
       })
     })
   }
-})
+});

pages/index/index.wxml

@@ -1,10 +1,10 @@
-<!--index.wxml-->
-<view class="container">
-  <view  bindtap="bindViewTap" class="userinfo">
+<view class="container col">
+  <view bindtap="bindViewTap" class="userinfo">
     <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
     <text class="userinfo-nickname">{{userInfo.nickName}}</text>
+    <text>{{motto}}</text>
   </view>
-  <view class="usermotto">
-    <text class="user-motto">{{motto}}</text>
+  <view class="routes">
+    <button bindtap="goRouteSignIn" type="primary" size="mini">SignIn</button>
   </view>
 </view>

pages/index/index.wxss

@@ -1,4 +1,3 @@
-/**index.wxss**/
 .userinfo {
   display: flex;
   flex-direction: column;
@@ -16,6 +15,6 @@
   color: #aaa;
 }
 
-.usermotto {
-  margin-top: 200px;
-}
+.routes {
+  display: flex;
+}

pages/me/me.wxml

@@ -1,5 +1,3 @@
-<view class="container">
-  <view class="usermotto">
-    <text>Me</text>
-  </view>
+<view class="container center">
+  <text>Me</text>
 </view>

pages/signin/signin.js

@@ -0,0 +1,4 @@
+
+Page({
+  
+});

pages/signin/signin.json

@@ -0,0 +1,3 @@
+{
+    "navigationBarTitleText": "登录"
+}