添加宣传栏、园区、企业等页面

app.json

@@ -3,12 +3,15 @@
     "pages/home/index",
     "pages/user/index",
     "pages/billboards/index",
-    "pages/topics/index"
+    "pages/topics/index",
+    "pages/billboards/firm/index",
+    "pages/billboards/park/index",
+    "pages/billboards/policy/index"
   ],
   "window": {
     "backgroundTextStyle": "light",
     "navigationBarBackgroundColor": "#fff",
-    "navigationBarTitleText": "凤栖市北",
+    "navigationBarTitleText": "市北人才",
     "navigationBarTextStyle": "black"
   },
   "tabBar": {

components/card/index.js

@@ -0,0 +1,28 @@
+// components/card/index.js
+Component({
+  externalClasses:['tag-class'],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    cId: String,
+    image: String,
+    title: String
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onTap () {
+      this.triggerEvent('clickCardItem', this.properties.cId)
+    }
+  }
+})

components/card/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

components/card/index.wxml

@@ -0,0 +1,5 @@
+<!--components/card/index.wxml-->
+<view class="card tag-class" bindtap="onTap">
+  <image class="card_logo" src="/images/temp_1.png"/>
+  <view class="card_title">橡胶谷园区</view>
+</view>

components/card/index.wxss

@@ -0,0 +1,18 @@
+/* components/card/index.wxss */
+.card {
+  border: 1px solid #e7e7e7;
+  box-shadow: 1px 1px 1px #eee;
+}
+.card_logo {
+  width: 100%;
+  height: 106px;
+}
+.card_title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  height: 41px;
+  color: #373737;
+  font-size: 12px;
+}

components/cell/index.js

@@ -4,6 +4,7 @@ Component({
    * 组件的属性列表
    */
   properties: {
+    cId: String,
     title: String,
     time: String,
     showTop: {
@@ -23,6 +24,8 @@ Component({
    * 组件的方法列表
    */
   methods: {
-
+    onTap () {
+      this.triggerEvent('clickListItem', { id: this.properties.cId})
+    }
   }
 })

components/cell/index.wxml

@@ -1,5 +1,5 @@
 <!--components/cell/index.wxml-->
-<view class="cell" id="e-cell">
+<view class="cell" id="e-cell" bindtap="onTap">
   <view class="cell_title">{{title}}</view>
   <view class="cell_info">
     <view class="cell_info_meta">{{time}}</view>

pages/billboards/firm/index.js

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

pages/billboards/firm/index.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "重点企业",
+  "usingComponents": {
+    "e-card": "/components/card/index"
+  }
+}

pages/billboards/firm/index.wxml

@@ -0,0 +1,8 @@
+<!--pages/billboards/firm/index.wxml-->
+<view class="container">
+  <block wx:for="{{[1,3,4]}}" wx:key="*this">
+    <e-card cId="{{index}}" 
+      tag-class="e_card" 
+      bind:clickCardItem="clickCardItem"/>
+  </block>
+</view>

pages/billboards/firm/index.wxss

@@ -0,0 +1,12 @@
+/* pages/billboards/firm/index.wxss */
+.container {
+  padding: 0 3vw;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.e_card {
+  width: 45vw;
+  margin-bottom: 13px;
+}

pages/billboards/index.js

@@ -14,7 +14,23 @@ Page({
   onLoad: function (options) {
 
   },
-
+  onClickItem (e) {
+    const {index} = e.currentTarget.dataset
+    console.log(index)
+    if (index == 1) {
+      wx.navigateTo({
+        url: '/pages/billboards/policy/index',
+      })
+    } else if (index == 2) {
+      wx.navigateTo({
+        url: '/pages/billboards/park/index',
+      })
+    } else {
+      wx.navigateTo({
+        url: '/pages/billboards/firm/index',
+      })
+    }
+  },
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/billboards/index.json

@@ -1,3 +1,4 @@
 {
+  "navigationBarTitleText": "宣传栏",
   "usingComponents": {}
 }

pages/billboards/index.wxml

@@ -1,2 +1,6 @@
 <!--pages/billboards/index.wxml-->
-<text>pages/billboards/index.wxml</text>
+<view class="container">
+  <image bindtap="onClickItem" data-index="1" class="billboard_item" src="/images/billboard/1.png"></image>
+  <image bindtap="onClickItem" data-index="2" class="billboard_item" src="/images/billboard/2.png"></image>
+  <image bindtap="onClickItem" data-index="3" class="billboard_item" src="/images/billboard/3.png"></image>
+</view>

pages/billboards/index.wxss

@@ -1 +1,13 @@
 /* pages/billboards/index.wxss */
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.billboard_item {
+  margin-top: 25px;
+  width: 90%;
+  height: 120px;
+}

pages/billboards/park/index.js

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

pages/billboards/park/index.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "创业园区",
+  "usingComponents": {
+    "e-card": "/components/card/index"
+  }
+}

pages/billboards/park/index.wxml

@@ -0,0 +1,8 @@
+<!--pages/billboards/park/index.wxml-->
+<view class="container">
+  <block wx:for="{{[1,3,4]}}" wx:key="*this">
+    <e-card cId="{{index}}" 
+      tag-class="e_card" 
+      bind:clickCardItem="clickCardItem"/>
+  </block>
+</view>

pages/billboards/park/index.wxss

@@ -0,0 +1,12 @@
+/* pages/billboards/park/index.wxss */
+.container {
+  padding: 0 3vw;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.e_card {
+  width: 45vw;
+  margin-bottom: 13px;
+}

pages/billboards/policy/index.js

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

pages/billboards/policy/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "人才政策",
+  "usingComponents": {}
+}

pages/billboards/policy/index.wxml

@@ -0,0 +1,2 @@
+<!--pages/billboards/policy/index.wxml-->
+<text>pages/billboards/policy/index.wxml</text>

pages/billboards/policy/index.wxss

@@ -0,0 +1 @@
+/* pages/billboards/policy/index.wxss */

pages/home/index.js

@@ -6,16 +6,19 @@ Page({
   data: {
     list: [
       {
+        id: '1',
         title: '啦啦啦量阿拉蕾阿拉啦',
         showTop: true,
         time: '刚刚'
       },
       {
+        id: '2',
         title: '一条大河，向东流',
         showTop: false,
         time: '1分钟前'
       },
       {
+        id: '3',
         title: '啦啦啦量阿拉蕾阿拉啦',
         showTop: false,
         time: '1小时前'
@@ -30,5 +33,8 @@ Page({
   },
   tapFocusItem (e) {
     console.log(e.detail)
+  },
+  clickListItem (e) {
+    console.log(e.detail)
   }
 })

pages/home/index.wxml

@@ -3,6 +3,11 @@
   <e-swiper bind:tapSwiperItem="tapSwiperItem"/>
   <e-focus bind:tapFocusItem="tapFocusItem"/>
   <block wx:for="{{list}}" wx:key="*this">
-    <e-cell title="{{item.title}}" time="{{item.time}}" showTop="{{item.showTop}}" />
+    <e-cell 
+      cId="{{item.id}}"
+      title="{{item.title}}" 
+      time="{{item.time}}" 
+      showTop="{{item.showTop}}" 
+      bind:clickListItem="clickListItem"/>
   </block>
 </view>

project.config.json

@@ -41,13 +41,31 @@
 			"current": -1,
 			"list": []
 		},
+		"plugin": {
+			"current": -1,
+			"list": []
+		},
 		"game": {
 			"currentL": -1,
 			"list": []
 		},
 		"miniprogram": {
-			"current": -1,
-			"list": []
+			"current": 1,
+			"list": [
+				{
+					"id": -1,
+					"name": "Boillboard",
+					"pathName": "pages/billboards/index",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "Park",
+					"pathName": "pages/billboards/park/index",
+					"scene": null
+				}
+			]
 		}
 	}
 }