始宁农业小程序：新增通知详情

htmldev/shiningWxMini/app.json

@@ -21,7 +21,8 @@
     "pages/businessGoodsEdit/businessGoodsEdit",
     "pages/businessApply/businessApply",
     "pages/h5/h5",
-    "pages/goods/goods"
+    "pages/goods/goods",
+    "pages/messageDetail/messageDetail"
   ],
   "permission": {
     "scope.userLocation": {

htmldev/shiningWxMini/pages/guide/guide.scss

@@ -0,0 +1,19 @@
+.wrapper {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  padding: 48rpx;
+  background-color: rgb(230, 239, 225);
+
+  view {
+    line-height: 38rpx;
+    font-size: 28rpx;
+    color: rgba(102, 102, 102, 1);
+
+    &.mt-20 {
+      margin-top: 20rpx;
+    }
+  }
+}

htmldev/shiningWxMini/pages/guide/guide.wxml

@@ -1,3 +1,12 @@
 <view class="wrapper">
-  选购指南，待完善...
+  <view>
+    1、“始宁农业”是由三界镇人民政府组织并开发的小程序，致力于打造第一个乡镇级助农平台，为三界镇从事农业生产的相关单位和个人搭建农产品展示平台，提供展示窗口，助力销售。本平台仅提供买卖双方交流，不负责产品物流、售后等问题，请消费者理性消费。最终解释权归三界镇人民政府所有。
+  </view>
+  <view class="mt-20">2、平台联系电话：</view>
+  <view class="mt-20">3、农户使用说明：</view>
+  <view>
+    现三界镇辖区内农户、合作社，在小程序我的界面，选择申请入住，成为农户，并在平台上自主发布相关农产品信息，由政府相关部门审核后，对消费者展示。
+  </view>
+  <view class="mt-20">4、用户使用说明：</view>
+  <view>消费者可在首页挑选相关农产品，并通过微信或电话形式与农户、农场、供销社进行联系采购。</view>
 </view>

htmldev/shiningWxMini/pages/guide/guide.wxss

@@ -1,4 +0,0 @@
-.wrapper {
-  padding-top: 100rpx;
-  text-align: center;
-}

htmldev/shiningWxMini/pages/home/home.js

@@ -237,6 +237,13 @@ Page({
       }
     }
   },
+  jumpMessageDetail(e) {
+    const { item } = e.currentTarget.dataset
+
+    wx.navigateTo({
+      url: '/pages/messageDetail/messageDetail?item=' + JSON.stringify(item)
+    })
+  },
   handleNav(item) {
     if (Object.prototype.toString.call(item) === '[object Object]' && item.path) {
       const path = item.path

htmldev/shiningWxMini/pages/home/home.wxml

@@ -47,11 +47,13 @@
       interval="{{2000}}"
       circular="{{true}}"
       autoplay="{{true}}">
-      <block wx:for="{{lunboMsg}}" wx:key="index">
+      <block
+        wx:for="{{lunboMsg}}"
+        wx:key="index">
         <swiper-item
           data-item="{{item}}"
-          bind:tap="handleSwiperClick">
-          <rich-text nodes="{{item.msg_content}}"></rich-text>
+          bind:tap="jumpMessageDetail">
+          <view class="swiper-item">{{item.msg_title}}</view>
         </swiper-item>
       </block>
     </swiper>

htmldev/shiningWxMini/pages/messageDetail/messageDetail.js

@@ -0,0 +1,48 @@
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    objDetail: {}
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    const { item } = options
+
+    this.setData({
+      objDetail: item ? JSON.parse(item) : {}
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  }
+})

htmldev/shiningWxMini/pages/messageDetail/messageDetail.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "通知详情"
+}

htmldev/shiningWxMini/pages/messageDetail/messageDetail.wxml

@@ -0,0 +1 @@
+<rich-text nodes="{{objDetail.msg_content}}"></rich-text>