feats

src/app.config.js

@@ -1,13 +1,34 @@
+import { getPages } from './routes'
+
+const { pages } = getPages()
+
 export default {
-  pages: [
-    'pages/index/index'
-  ],
+  pages,
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
     navigationBarTitleText: 'WeChat',
     navigationBarTextStyle: 'black'
   },
+  tabBar: {
+    color: '#666',
+    selectedColor: '#BB9C79',
+
+    list: [
+      {
+        pagePath: "pages/index/index",
+        text: "首页",
+        iconPath: './assets/tabbar/index1.png',
+        selectedIconPath: './assets/tabbar/index2.png',
+      },
+      {
+        pagePath: "pages/mine/index",
+        text: "我是",
+        iconPath: './assets/tabbar/mine1.png',
+        selectedIconPath: './assets/tabbar/mine2.png',
+      }
+    ]
+  },
   permission: {
     "scope.userLocation": {
       desc: "你的位置信息将用于显示当前区域信息"

src/pages/index/index.scss

@@ -1,4 +0,0 @@
-.index {
-  flex-direction: column;
-  width: 100%;
-}

src/pages/mine/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '我是'
+}

src/pages/mine/index.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import withLayout from '@/layout'
+
+export default withLayout((props) => {
+  // props 里面包含了一些基本的信息
+  console.log('-----props---->', props)
+
+  return '这里是小程序首页';
+})

src/routes.js

@@ -26,13 +26,13 @@ const routes = [
   //   isTab: true,
   //   type: 'activity',
   // },
-  // {
-  //   name: '个人中心',
-  //   page: 'pages/person/index',
-  //   pkg: 'main',
-  //   isTab: true,
-  //   type: 'center',
-  // },
+  {
+    name: '个人中心',
+    page: 'pages/mine/index',
+    pkg: 'main',
+    isTab: true,
+    type: 'center',
+  },
 
   // /********************************
   //  * 项目相关