[新增]新增自定义tabbar组件

2020-12-30 10:15:22 +08:00
parent 2361b0ad09
commit 90ebeb48f7
21 changed files with 151 additions and 148 deletions
--- a/components/storeTabBar/storeTabBar.js
+++ b/components/storeTabBar/storeTabBar.js
@@ -0,0 +1,56 @@
+/**
+ *  Web唐明明
+ *  匆匆数载恍如梦，岁月迢迢华发增。
+ *  碌碌无为枉半生，一朝惊醒万事空。
+ */
+
+import { tabBar } from "../../lib/storeConfig"
+
+Component({
+    /**
+     * 组件接收参数
+     */
+    properties: {
+        // 显示组件页面的路径
+        pagesUrl : {
+            type    : String,
+            value   : ""
+        }
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        selected        : 0,
+        color           : "#4e4f51",
+        selectedColor   : "#0b0041",
+        list            : []
+    },
+
+    /**
+     * 生命周期函数
+     */
+    pageLifetimes: {
+        show(){
+            let selectedIndex = tabBar.findIndex(val=> val.pagePath == '/' + this.data.pagesUrl)
+            this.setData({
+                list    : tabBar,
+                selected: selectedIndex
+            })
+        }
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        switchTab(e) {
+            const data = e.currentTarget.dataset
+            const url = data.path
+            wx.reLaunch({
+                url
+            })
+        }
+    }
+})