小程序：新增页面

htmldev/wxMini/README.md

@@ -1,10 +1,10 @@
 ### 页面
 
-- 首页 home 12
-  - 用户消息 leavingAMessage 4
+- [x] 首页 home 12
+  - [x] 用户消息 leavingAMessage 4
   - 供应商 business 4
     - 供应商详情 businessDetail 4
-  - 采购指南 category 6
+  - 采购指南 guide 6
   - 收藏 collection 4
   - 最新上架 newGoods 4
   - VR看菜园 VR 4
@@ -19,7 +19,7 @@
 - 商户端 businessHome 4
   - 产品管理 businessGoodsManage 6
     - 产品新增/编辑 businessGoodsEdit 16
-  - 视频管理 businessVideoManage 4 
+  - 视频管理 businessVideoManage 4
     - 视频新增/编辑 businessVideoEdit 16
   - 商户消息 businessLeavingAMessage 4
 

htmldev/wxMini/app.json

@@ -3,7 +3,11 @@
     "pages/home/home",
     "pages/login/login",
     "pages/mine/mine",
-    "pages/leavingAMessage/leavingAMessage"
+    "pages/leavingAMessage/leavingAMessage",
+    "pages/business/business",
+    "pages/guide/guide",
+    "pages/collection/collection",
+    "pages/news/news"
   ],
   "permission": {
     "scope.userLocation": {
@@ -42,4 +46,4 @@
       }
     ]
   }
-}
+}

htmldev/wxMini/pages/business/business.js

@@ -0,0 +1,63 @@
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {},
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

htmldev/wxMini/pages/business/business.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

htmldev/wxMini/pages/collection/collection.js

@@ -0,0 +1,65 @@
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

htmldev/wxMini/pages/collection/collection.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

htmldev/wxMini/pages/guide/guide.js

@@ -0,0 +1,63 @@
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {},
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

htmldev/wxMini/pages/guide/guide.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

htmldev/wxMini/pages/home/home.js

@@ -16,22 +16,22 @@ Page({
     headerNav: [{
       icon: '',
       name: '供应商',
-      path: ''
+      path: 'business'
     },
       {
         icon: '',
         name: '采购指南',
-        path: ''
+        path: 'guide'
       },
       {
         icon: '',
         name: '收藏',
-        path: ''
+        path: 'collection'
       },
       {
         icon: '',
         name: '农事天地',
-        path: ''
+        path: 'news'
       }
     ],
     category: [{
@@ -68,59 +68,59 @@ Page({
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad (options) {
+  onLoad(options) {
 
   },
 
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
-  onReady () {
+  onReady() {
 
   },
 
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow () {
+  onShow() {
 
   },
 
   /**
    * 生命周期函数--监听页面隐藏
    */
-  onHide () {
+  onHide() {
 
   },
 
   /**
    * 生命周期函数--监听页面卸载
    */
-  onUnload () {
+  onUnload() {
 
   },
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
-  onPullDownRefresh () {
+  onPullDownRefresh() {
 
   },
 
   /**
    * 页面上拉触底事件的处理函数
    */
-  onReachBottom () {
+  onReachBottom() {
 
   },
 
   /**
    * 用户点击右上角分享
    */
-  onShareAppMessage () {
+  onShareAppMessage() {
 
   },
-  async isLeft () {
+  async isLeft() {
     const {
       list,
       leftList,
@@ -132,7 +132,7 @@ Page({
       await this.getBoxHeight(leftList, rightList)
     }
   },
-  getBoxHeight (leftList, rightList) {
+  getBoxHeight(leftList, rightList) {
     return new Promise((resolve, reject) => {
       this.setData({
         leftList,
@@ -148,9 +148,25 @@ Page({
       })
     })
   },
-  jumpLeavingAMessage () {
+  jumpLeavingAMessage() {
     wx.navigateTo({
-      url: '/pages/leavingAMessage/leavingAMessage',
+      url: '/pages/leavingAMessage/leavingAMessage'
     })
+  },
+  handleNav(e) {
+    const { item } = e.currentTarget.dataset
+    if (Object.prototype.toString.call(item) === '[object Object]' && item.path) {
+      const path = item.path
+
+      if (path === 'news') {
+        wx.switchTab({
+          url: `/pages/${path}/${path}`
+        })
+        return
+      }
+      wx.navigateTo({
+        url: `/pages/${path}/${path}`
+      })
+    }
   }
 })

htmldev/wxMini/pages/home/home.wxml

@@ -50,7 +50,12 @@
   </view>
   <!--顶部导航-->
   <view class="header-nav">
-    <view class="nav" wx:for="{{headerNav}}" wx:key="index">
+    <view
+      class="nav"
+      wx:for="{{headerNav}}"
+      wx:key="index"
+      data-item="{{item}}"
+      bind:tap="handleNav">
       <image src=""></image>
       <text>{{item.name}}</text>
     </view>