党群

app.json

@@ -60,7 +60,9 @@
       "root": "subpages/associationNew",
       "name": "associationNew",
       "pages": [
-        "pages/associationlist/associationlist"
+        "pages/associationlist/associationlist",
+        "pages/talklist/talklist",
+        "pages/eventlist/eventlist"
       ]
     },
     {

subpages/associationNew/pages/eventlist/eventlist.js

@@ -0,0 +1,70 @@
+// subpages/associationNew/pages/eventlist/eventlist.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    images:[
+      "https://epdc-shibei.elinkservice.cn/epdcFile/M00/00/00/CgUipV3wgl6Afm4cAAAa8QfEb00266_big.png",
+      "https://epdc-shibei.elinkservice.cn/epdcFile/M00/00/00/CgUipV3wgl6Afm4cAAAa8QfEb00266_big.png",
+      "https://epdc-shibei.elinkservice.cn/epdcFile/M00/00/00/CgUipV3wgl6Afm4cAAAa8QfEb00266_big.png"
+    ]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

subpages/associationNew/pages/eventlist/eventlist.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "事好鼓个掌"
+}

subpages/associationNew/pages/eventlist/eventlist.wxml

@@ -0,0 +1,21 @@
+<view class="item-list">
+	<view class="user-info">
+		<image src="https://epdc-shibei.elinkservice.cn/epdcFile/M00/00/00/CgUipV3wgl6Afm4cAAAa8QfEb00266_big.png"></image>
+		<view class="name-date">
+			<view class="name">南宁路152号-梁先生</view>
+			<view class="date">2019-08-26 12:56:02</view>
+		</view>
+	</view>
+	<view class="details-info">庆祝建党97周年“党徽照耀新时代”庆祝建党97周年“党徽照耀新时代”庆祝建党97周年“党徽照耀新时代”庆祝建党97周年“党徽照耀新时代”庆祝建党97周年“党徽照耀新时代”</view>
+
+	<view wx:if="{{images.length > 0}}" class="image-list" style="height: {{images.length === 3 ? '160rpx' : images.length === 2 ? '205rpx' :  images.length ===  1 ? '350rpx' : '' }}">
+		<image mode="aspectFill" catchtap="previewImage" data-src="{{item}}" class="image-item" wx:for="{{images}}" wx:key="{{index}}" wx:for-index="index" wx:for-item="item" src="{{item}}" />
+	</view>
+	<view class="attitude">
+		<image src="../../images/give.png"></image>
+		<view class="give-data">22222</view>
+		<image src="../../images/comment.png"></image>
+		<view class="give-data">22222</view>
+	</view>
+  <view class="comment"></view>
+</view>

subpages/associationNew/pages/eventlist/eventlist.wxss

@@ -0,0 +1,91 @@
+page {
+  background: #f7f7f7;
+}
+
+.item-list {
+  width: 100%;
+  padding: 40rpx 29rpx 20rpx 29rpx;
+  background: #fff;
+  margin-top: 20rpx;
+}
+
+.user-info {
+  width: calc(100% - 58rpx);
+  height: 64rpx;
+  display: flex;
+  align-items: center;
+}
+
+.user-info image {
+  width: 64rpx;
+  height: 64rpx;
+}
+
+.user-info .name-date {
+  margin-left: 14rpx;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.user-info .name-date .name {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: rgba(51, 51, 51, 1);
+}
+
+.user-info .name-date .date {
+  font-size: 20rpx;
+  font-weight: 500;
+  color: rgba(153, 153, 153, 1);
+}
+
+.details-info {
+  width: calc(100% - 58rpx);
+  font-size: 36rpx;
+  font-weight: 500;
+  color: rgba(51, 51, 51, 1);
+  line-height: 54rpx;
+}
+
+.image-list {
+  width: calc(100% - 58rpx);
+  margin-top: 30rpx;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(216rpx, 1fr));
+  grid-gap: 7rpx;
+}
+.image-list .image-item {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 8rpx;
+}
+
+.attitude{
+  width: calc(100% - 58rpx);
+  margin-top: 21rpx;
+  display: flex;
+  align-items: center;
+  /* justify-content: center; */
+  height: 28rpx;
+}
+.attitude image{
+  width: 28rpx;
+  height: 28rpx;
+}
+.attitude .give-data{
+  font-size:24rpx;
+  font-weight:500;
+  color:rgba(51,51,51,1);
+  margin-left: 9rpx;
+  width: 196rpx;
+}
+
+.comment{
+  width: calc(100% - 98rpx);
+  padding: 26rpx 20rpx;
+  background: #F2F2F2;
+  border-radius:8rpx;
+  margin-top: 25rpx;
+}

subpages/associationNew/pages/talklist/talklist.js

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

subpages/associationNew/pages/talklist/talklist.json

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

subpages/associationNew/pages/talklist/talklist.wxml

@@ -0,0 +1,2 @@
+<!--subpages/associationNew/pages/talklist/talklist.wxml-->
+<text>subpages/associationNew/pages/talklist/talklist.wxml</text>

subpages/associationNew/pages/talklist/talklist.wxss

@@ -0,0 +1 @@
+/* subpages/associationNew/pages/talklist/talklist.wxss */