feat: 完成【首页】、【地区选择】、【筛选】

1. 本地 mock
2. 【首页】骨架屏 + 无限滚动翻页
3. 通过延迟加载加快【地区选择】页的打开速度
4. 将部分颜色提取为全局变量

Author: WBBB0730

app.js

@@ -20,6 +20,6 @@ App({
     })
   },
   globalData: {
-    userInfo: null
+    city: null,       // 当前选择的城市
   }
 })

app.json

@@ -1,8 +1,8 @@
 {
   "pages": [
-    "pages/index/index",
-    "pages/explore/index",
-    "pages/my/index"
+    "pages/home/index",
+    "pages/my/index",
+    "pages/city-picker/index"
   ],
   "window": {
     "backgroundTextStyle": "light",
@@ -12,24 +12,17 @@
   },
   "tabBar": {
     "custom": true,
-    "color": "#000000",
-    "selectedColor": "#000000",
-    "backgroundColor": "#000000",
     "list": [
       {
-        "pagePath": "pages/index/index",
+        "pagePath": "pages/home/index",
         "text": "首页"
       },
-      {
-        "pagePath": "pages/explore/index",
-        "text": "发现"
-      },
       {
         "pagePath": "pages/my/index",
         "text": "我的"
       }
     ]
   },
-  "style": "v2",
-  "sitemapLocation": "sitemap.json"
+  "sitemapLocation": "sitemap.json",
+  "lazyCodeLoading": "requiredComponents"
 }

app.less

@@ -1,10 +1,7 @@
 /**app.wxss**/
-.container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  padding: 200rpx 0;
-  box-sizing: border-box;
-} 
+@import '/style/global.less';
+
+page {
+  color: @main-text-color;
+  font-family: "PingFang SC", sans-serif;
+}

custom-tab-bar/index.js

@@ -1,45 +1,31 @@
-
+// custom-tab-bar/index.js
 Component({
+
+  /** 组件的初始数据 */
   data: {
-    value: 'index',
-    list: [{
-      icon: 'home',
-      value: 'index',
-      label: '首页',
-    },{
-      icon: 'control-platform',
-      value: 'explore',
-      label: '发现',
-    }, {
-      icon: 'user',
-      value: 'my',
-      label: '我的'
-    }]
+    value: '',
+    list: [
+      { value: 'home', label: '首页', icon: 'home' },
+      { value: 'my', label: '我的', icon: 'user' },
+    ],
   },
   lifetimes: {
     ready() {
       const pages = getCurrentPages();
       const curPage = pages[pages.length - 1];
-
       if (curPage) {
         const nameRe = /pages\/(\w+)\/index/.exec(curPage.route);
-
-        if (nameRe[1]) {
-          this.setData({
-            value: nameRe[1]
-          })
-        }
+        if (nameRe && nameRe[1])
+          this.setData({ value: nameRe[1] })
       }
     }
   },
-  methods: {
-    handleChange(e) {
-      const { value } = e.detail;
 
-      // this.setData({ value });
-      wx.switchTab({
-        url: `/pages/${value}/index`,
-      })
-    }
+  /** 组件的方法列表 */
+  methods: {
+    onChange(event) {
+      const { value } =  event.detail
+      wx.switchTab({ url: `/pages/${value}/index` })
+    },
   }
 })

custom-tab-bar/index.json

@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-tab-bar": "tdesign-miniprogram/tab-bar/tab-bar",
-    "t-tab-bar-item": "tdesign-miniprogram/tab-bar/tab-bar-item"
+    "t-tab-bar-item": "tdesign-miniprogram/tab-bar-item/tab-bar-item"
   }
 }

custom-tab-bar/index.wxml

@@ -1,5 +1,4 @@
-<t-tab-bar value="{{value}}" bind:change="handleChange">
-  <t-tab-bar-item wx:for="{{list}}" wx:key="index" icon="{{item.icon}}" value="{{item.value}}">
-    {{item.label}}
-  </t-tab-bar-item>
+<!--custom-tab-bar/index.wxml-->
+<t-tab-bar value="{{ value }}" bindchange="onChange" theme="tag" split="{{ false }}">
+  <t-tab-bar-item wx:for="{{ list }}" wx:key="index" value="{{ item.value }}" icon="{{ item.icon }}">{{ item.label }}</t-tab-bar-item>
 </t-tab-bar>