From 5c2c8c1b06f1680b92f3c72d80d0212c294e3334 Mon Sep 17 00:00:00 2001
From: luca <yvan.ni@yolipai.com>
Date: Wed, 27 May 2020 10:59:15 +0800
Subject: [PATCH] 优化商品分类&添加自定义底部导航3

---
 pages/tabbar/tabbar.js   | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/tabbar/tabbar.json |  3 +++
 pages/tabbar/tabbar.wxml | 13 +++++++++++++
 pages/tabbar/tabbar.wxss |  1 +
 4 files changed, 84 insertions(+), 0 deletions(-)
 create mode 100644 pages/tabbar/tabbar.js
 create mode 100644 pages/tabbar/tabbar.json
 create mode 100644 pages/tabbar/tabbar.wxml
 create mode 100644 pages/tabbar/tabbar.wxss

diff --git a/pages/tabbar/tabbar.js b/pages/tabbar/tabbar.js
new file mode 100644
index 0000000..2371de0
--- /dev/null
+++ b/pages/tabbar/tabbar.js
@@ -0,0 +1,67 @@
+// pages/tabbar.js
+var d = getApp().globalData;
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    isTabBar:d.isTabBar
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/tabbar/tabbar.json b/pages/tabbar/tabbar.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/pages/tabbar/tabbar.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/tabbar/tabbar.wxml b/pages/tabbar/tabbar.wxml
new file mode 100644
index 0000000..01ae311
--- /dev/null
+++ b/pages/tabbar/tabbar.wxml
@@ -0,0 +1,13 @@
+<!--pages/tabbar.wxml-->
+
+  <template name="tabBar">
+    <view class="tab-bar" style="position:fixed;color: {{tabBar.color}}; background: {{tabBar.backgroundColor}}; {{tabBar.position=='top'? 'top: 0' : 'bottom: 0'}};width:100%;height:50px;z-index:9999999">
+      <block wx:for="{{tabBar.list}}" wx:key="weappurl">
+        <navigator url="{{item.weappurl}}" bindtap="goto({{item.weappurl}})"  class="tabbar_item {{item.clas}}" style="{{item.active? 'color: '+(item.selectedColor? item.selectedColor : tabBar.selectedColor) : ''}};position:relative;width:25%;height:100%;float:left;text-align:center;padding:2px 0;">
+          <view style="width:50%;height:50%;margin-left:25%;"><image src="{{item.src_sele}}" wx:if="{{item.active&&item.src_sele}}" class="img" style="width:100%;height:100%"></image>
+          <image src="{{item.src}}" wx:if="{{!item.active&&item.src}}" class="img" style="width:100%;height:100%"></image></view>
+          <view style="width:100%;height:100%;"><text class="tabbar_text" wx:if="{{item.nav_name}}" style="font-size:0.8rem">{{item.nav_name}}</text></view>
+        </navigator>
+      </block>
+    </view>
+  </template>
diff --git a/pages/tabbar/tabbar.wxss b/pages/tabbar/tabbar.wxss
new file mode 100644
index 0000000..979f504
--- /dev/null
+++ b/pages/tabbar/tabbar.wxss
@@ -0,0 +1 @@
+/* pages/tabbar.wxss */
\ No newline at end of file
--
libgit2 0.21.4