了解锦水

app.json

@@ -97,6 +97,16 @@
         "pages/refusedOrEndedDetail/refusedOrEndedDetail",
         "pages/cancelDetail/cancelDetail"
       ]
+    },
+    {
+      "root": "subpages/understandJs",
+      "pages": [
+        "pages/index/index",
+        "pages/impression/impression",
+        "pages/delicious/delicious",
+        "pages/sclerotia/sclerotia",
+        "pages/archives/archives"
+      ]
     }
   ],
   "preloadRule": {

pages/indexNew/indexNew.js

@@ -354,6 +354,12 @@ Page({
     })
     // wx.miniProgram.navigateTo({ url: '/pages/detail/detail?weburl=' + encodeURIComponent(global.baseURL + 'info') })
   },
+  //了解锦水
+  toUnderstandJs(){
+    wx.navigateTo({
+      url: '/subpages/understandJs/pages/index/index'
+    })
+  },
 
   // 跳转到banner详情
   navigatetoBannerDetail(e) {

pages/indexNew/indexNew.wxml

@@ -128,7 +128,7 @@
       <view class="grid-new-text">政策导航</view>
     </view>
     <view class="grid-new-item">
-      <button bindtap="nofunction" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn">
+      <button bindtap="toUnderstandJs" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn">
         <image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161CkmAQ8ljAACCxDg25qk058.png'></image>
       </button>
       <view class="grid-new-text">了解锦水</view>

subpages/understandJs/pages/archives/archives.js

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

subpages/understandJs/pages/archives/archives.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "锦水档案"
+}

subpages/understandJs/pages/archives/archives.wxml

@@ -0,0 +1,29 @@
+<view class="mian">
+    <view class="search">
+        <view class="item-all">
+            <view class="item-left">
+                <image src="../../images/search.png"></image>
+                <input placeholder-class="placeholder-style" placeholder="输入档案关键字"></input>
+            </view>
+            <button class="item-right">搜索</button>
+        </view>
+    </view>
+</view>
+
+
+
+
+<view class="list-item">
+    <view class="list-name">玫瑰街道医疗物质采购档案</view>
+    <view class="list-position">
+        <image src="../../images/wenjian.png"></image>
+        <view class="list-position-name">存放位置：玫瑰街道档案室</view>
+    </view>
+</view>
+<view class="list-item">
+    <view class="list-name">玫瑰街道医疗物质采购档案</view>
+    <view class="list-position">
+        <image src="../../images/wenjian.png"></image>
+        <view class="list-position-name">存放位置：玫瑰街道档案室</view>
+    </view>
+</view>

subpages/understandJs/pages/archives/archives.wxss

@@ -0,0 +1,117 @@
+page {
+    background: #f7f7f7;
+}
+
+.mian {
+    margin-top: 3rpx;
+    width: 100%;
+    height: 94rpx;
+    background: #fff;
+    display: flex;
+    align-items: center;
+}
+
+.search {
+    /* margin-top: 17rpx; */
+    width: calc(100% - 60rpx);
+    height: 66rpx;
+    margin-left: 30rpx;
+    background: rgba(242, 242, 242, 1);
+    border-radius: 33rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.search .item-all {
+    height: 30rpx;
+    width: 100%;
+    width: calc(100% - 60rpx);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.search .item-all .item-left {
+    /* background: red; */
+    width: calc(100% - 73rpx);
+    height: 30rpx;
+    border-right: 1rpx solid #BFBFBF;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.search .item-all .item-left image {
+    width: 30rpx;
+    height: 28rpx;
+}
+
+.search .item-all .item-left input {
+    width: calc(100% - 41rpx);
+    height: 30rpx;
+    font-size: 28rpx;
+    color: #333;
+}
+
+.placeholder-style {
+    font-size: 28rpx;
+    font-weight: 500;
+    color: rgba(168, 168, 168, 1);
+}
+
+.search .item-all .item-right {
+    font-size: 28rpx;
+    font-weight: 500;
+    color: rgba(51, 51, 51, 1);
+}
+
+button {
+    width: 53rpx;
+    height: 28rpx;
+    padding: 0;
+    border-radius: 0;
+    line-height: 28rpx;
+}
+
+button::after {
+    border-radius: 0px;
+    border: none;
+}
+
+/* 列表 */
+.list-item {
+    margin-top: 16rpx;
+    padding-top: 30rpx;
+    width: 100%;
+    height: 170rpx;
+    background: #fff;
+}
+
+.list-item .list-name {
+    width: calc(100% - 60rpx);
+    margin-left: 30rpx;
+    font-size: 34rpx;
+    font-weight: 500;
+    color: rgba(51, 51, 51, 1);
+}
+.list-item .list-position {
+    width: calc(100% - 60rpx);
+    margin-left: 30rpx;
+    height: 26rpx;
+    margin-top: 35rpx;
+    display: flex;
+    align-items: center;
+}
+.list-item .list-position image{
+    width: 30rpx;
+    height: 22rpx;
+}
+.list-item .list-position .list-position-name{
+    margin-left: 10rpx;
+    font-size:26rpx;
+    font-weight:500;
+    color:rgba(170,170,170,1);
+    line-height:26rpx;
+}
+

subpages/understandJs/pages/delicious/delicious.js

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

subpages/understandJs/pages/delicious/delicious.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "锦水味道"
+}

subpages/understandJs/pages/delicious/delicious.wxml

@@ -0,0 +1,20 @@
+<view class="box">
+  <view class="item">
+    <image src="../../images/test.jpg"></image>
+    <view class="name">
+      锦水美食
+    </view>
+  </view>
+  <view class="item">
+    <image src="../../images/test.jpg"></image>
+    <view class="name">
+      锦水美食
+    </view>
+  </view>
+  <view class="item">
+    <image src="../../images/test.jpg"></image>
+    <view class="name">
+      锦水美食
+    </view>
+  </view>
+</view>

subpages/understandJs/pages/delicious/delicious.wxss

@@ -0,0 +1,37 @@
+.box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  border-top: 1rpx solid #F4F4F4;
+  padding: 50rpx 30rpx;
+}
+
+.box .item:first-child {
+  margin-top: 0rpx;
+}
+
+.box .item:nth-child(2) {
+  margin-top: 0rpx;
+}
+
+.box .item {
+  margin-top: 40rpx;
+  width: calc(50% - 10rpx);
+  height: 257rpx;
+}
+
+.box .item image {
+  width: 100%;
+  height: 206rpx;
+  border-radius: 10rpx;
+}
+
+.box .item .name {
+  width: 100%;
+  height: 51rpx;
+  line-height: 60.5rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: rgba(36, 36, 36, 1);
+}

subpages/understandJs/pages/impression/impression.js

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

subpages/understandJs/pages/impression/impression.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "锦水印象"
+}

subpages/understandJs/pages/impression/impression.wxml

@@ -0,0 +1,3 @@
+<view class="" hover-class="none" hover-stop-propagation="false">
+    锦水印象
+</view>

subpages/understandJs/pages/impression/impression.wxss

@@ -0,0 +1 @@
+/* subpages/understandJs/pages/impression/impression.wxss */

subpages/understandJs/pages/index/index.js

@@ -0,0 +1,86 @@
+// subpages/understandJs/pages/index/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  goImpression(){
+    wx.navigateTo({
+      url: '../impression/impression'
+    })
+  },
+  goDeliDcious(){
+    wx.navigateTo({
+      url: '../delicious/delicious'
+    })
+  },
+  goArchives(){
+    wx.navigateTo({
+      url: '../archives/archives'
+    })
+  },
+  goSclerotia(){
+    wx.navigateTo({
+      url: '../sclerotia/sclerotia'
+    })
+  }
+})

subpages/understandJs/pages/index/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "了解锦水"
+}

subpages/understandJs/pages/index/index.wxml

@@ -0,0 +1,24 @@
+<button class="index top" hover-class="hover-btn"  bindtap="goImpression">
+  <image class="img-bj" src="../../images/test.jpg"></image>
+  <view class="shadow">
+    <image class="img-name" src="../../images/jsyx.png"></image>
+  </view>
+</button>
+<button class="index"  hover-class="hover-btn" bindtap="goDeliDcious">
+  <image class="img-bj" src="../../images/test.jpg"></image>
+  <view class="shadow">
+    <image class="img-name" src="../../images/jswd.png"></image>
+  </view>
+</button>
+<button class="index"  hover-class="hover-btn" bindtap="goArchives">
+  <image class="img-bj" src="../../images/test.jpg"></image>
+  <view class="shadow">
+    <image class="img-name" src="../../images/jsda.png"></image>
+  </view>
+</button>
+<button class="index"  hover-class="hover-btn" bindtap="goSclerotia">
+  <image class="img-bj" src="../../images/test.jpg"></image>
+  <view class="shadow">
+    <image class="img-name" src="../../images/jsyh.png"></image>
+  </view>
+</button>

subpages/understandJs/pages/index/index.wxss

@@ -0,0 +1,52 @@
+.index {
+  width: calc(100% - 60rpx);
+  /* margin-top: 28rpx; */
+  height: 300rpx;
+  margin-left: 30rpx;
+  border-radius: 10rpx;
+  position: relative;
+  margin-bottom: 28rpx;
+  padding: 0;
+  background: #fff;
+}
+
+button::after {
+  border: none;
+}
+
+.hover-btn {
+  box-shadow: 0 0 10rpx rgba(63, 63, 63, 0.1);
+}
+
+.index.top {
+  margin-top: 28rpx;
+}
+
+.index .img-bj {
+  border-radius: 10rpx;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+}
+
+.index .shadow {
+  border-radius: 10rpx;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  /* background: rgba(0, 0, 0, 1); */
+  background: rgba(0, 0, 0, 0.6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.index .shadow .img-name {
+  width: 210rpx;
+  height: 58rpx;
+  opacity: 1;
+}

subpages/understandJs/pages/sclerotia/sclerotia.js

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

subpages/understandJs/pages/sclerotia/sclerotia.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "硬核锦水"
+}

subpages/understandJs/pages/sclerotia/sclerotia.wxml

@@ -0,0 +1,29 @@
+<view class="list-item" hover-class="none" hover-stop-propagation="false">
+    <view class="top" hover-class="none" hover-stop-propagation="false">
+        玫瑰社区
+    </view>
+
+    <view class="bottom" hover-class="none" hover-stop-propagation="false">
+        <view class="name">
+            0531-88888888
+        </view>
+        <image class="" src="../../images/phone.png">
+
+        </image>
+    </view>
+</view>
+
+<view class="list-item" hover-class="none" hover-stop-propagation="false">
+    <view class="top" hover-class="none" hover-stop-propagation="false">
+        玫瑰社区
+    </view>
+
+    <view class="bottom" hover-class="none" hover-stop-propagation="false">
+        <view class="name">
+            0531-88888888
+        </view>
+        <image class="" src="../../images/phone.png">
+
+        </image>
+    </view>
+</view>

subpages/understandJs/pages/sclerotia/sclerotia.wxss

@@ -0,0 +1,42 @@
+page {
+    background: #f7f7f7;
+}
+
+.list-item {
+    margin-top: 16rpx;
+    background: #fff;
+    height: 196rpx;
+    width: 100%;
+    padding: 0 30rpx;
+}
+
+.list-item .top {
+    width: calc(100% - 60rpx);
+    height: 90rpx;
+    border-bottom: 1rpx solid #f7f7f7;
+    font-size: 34rpx;
+    font-weight: bold;
+    color: rgba(51, 51, 51, 1);
+    line-height: 90rpx;
+}
+
+.list-item .bottom {
+    width: calc(100% - 60rpx);
+    height: 106rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.list-item .bottom .name {
+    height: 106rpx;
+    line-height: 106rpx;
+    font-size: 34rpx;
+    font-weight: 500;
+    color: rgba(119, 119, 119, 1);
+}
+
+.list-item .bottom image {
+    width: 156rpx;
+    height: 56rpx;
+}

utils/understandJs.js

@@ -0,0 +1,8 @@
+var fly = require('./request.js')
+module.exports = {
+  noticelist: noticelist
+}
+// 通知列表(通)
+function noticelist(params) {
+  return fly.get('news/v2/notice/list', params)
+}