微信登录

mini/app.js

@@ -1,17 +1,25 @@
 //app.js
 App({
   onLaunch: function () {
+
+    var userinfo = wx.getStorageSync('sg-userinfo')
+    if(!userinfo) {
+      wx.redirectTo({
+        url: '/pages/login/index',
+      })
+    }
+
     // 展示本地存储能力
-    var logs = wx.getStorageSync('logs') || []
-    logs.unshift(Date.now())
-    wx.setStorageSync('logs', logs)
+    // var logs = wx.getStorageSync('logs') || []
+    // logs.unshift(Date.now())
+    // wx.setStorageSync('logs', logs)
 
     // 登录
-    wx.login({
-      success: res => {
+    // wx.login({
+    //   success: res => {
         // 发送 res.code 到后台换取 openId, sessionKey, unionId
-      }
-    })
+      // }
+    // })
     // 获取用户信息
     wx.getSetting({
       success: res => {

mini/app.json

@@ -1,7 +1,7 @@
 {
   "pages": [
-    "pages/login/index",
     "pages/index/index",
+    "pages/login/index",
     "pages/logs/logs"
   ],
   "window": {
@@ -14,6 +14,7 @@
   "usingComponents": {
     "van-button": "@vant/weapp/button/index",
     "van-field": "@vant/weapp/field/index",
-    "van-divider": "@vant/weapp/divider/index"
+    "van-divider": "@vant/weapp/divider/index",
+    "navbar": "/components/navbar"
   }
 }

mini/components/navbar/index.js

@@ -0,0 +1,39 @@
+// components/navbar/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    activeMenu: 'index',
+    menus: [{
+      name: '首页',
+      img: 'https://t18.9026.com/mini/index',
+      key: 'index',
+      url: '/pages/index/index'
+    }, {
+      name: '数据中心',
+      img: 'https://t18.9026.com/mini/data',
+      key: 'data',
+      url: '/pages/data/index'
+    }, {
+      name: '个人中心',
+      img: 'https://t18.9026.com/mini/account',
+      key: 'account',
+      url: '/pages/account/index'
+    }]
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

mini/components/navbar/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

mini/components/navbar/index.wxml

@@ -0,0 +1,9 @@
+<!--components/navbar/index.wxml-->
+<view class="sg-nav-box">
+  <view class="sg-nav-list">
+    <view class="sg-nav-item" wx:for="{{ menus }}" wx:key="{{index}}" data-url="{{ item.url }}" data-index="{{index}}" data-key="{{item.key}}">
+      <image src="{{ activeMenu == item.key ? item.img + '-selected.png' : '.png' }}" mode="widthFix" class="sg-img"></image>
+      <view class="sg-name">{{ item.name }}</view>
+    </view>
+  </view>
+</view>

mini/components/navbar/index.wxss

@@ -0,0 +1 @@
+/* components/navbar/index.wxss */

mini/pages/index/index.wxml

@@ -1,13 +1,4 @@
 <!--index.wxml-->
-<view class="container">
-  <view class="userinfo">
-    <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
-    <block wx:else>
-      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
-      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
-    </block>
-  </view>
-  <view class="usermotto">
-    <text class="user-motto">{{motto}}</text>
-  </view>
+<view class="sg-container">
+  <navbar></navbar>
 </view>

mini/utils/http.js

@@ -1,4 +1,4 @@
-const isTest = false;
+const isTest = true;
 const baseUrl = isTest ? 'http://app.rt/api/mini/' : 'http://t18.9026.com/api/mini/';
 
 const http = (data) => {