优化

subpages/associationNew/pages/eventlist/eventlist.wxml

@@ -12,10 +12,34 @@
 		<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">
+		<view class="all">
 			<image src="../../images/give.png"></image>
 			<view class="give-data">22222</view>
+		</view>
+		<view class="all">
 			<image src="../../images/comment.png"></image>
 			<view class="give-data">22222</view>
 		</view>
-  <view class="comment"></view>
+		<view class="all">
+			<image src="../../images/ic_huifu@2x.png"></image>
+			<view class="give-data">评论</view>
+		</view>
+	</view>
+  <view class="comment">
+		<view class="comment-list"><text>张测试：</text>我们这个楼的小区门口也是这中事情我们这个楼的小区门口也是这中事情···我们这个楼的小区门口也是这中事情···</view>
+		<view class="comment-list"><text>张测试：</text>我们这个楼的小区门口也是这中事情我们这个楼的小区门口也是这中事情···我们这个楼的小区门口也是这中事情···</view>
+	</view>
 </view>
+
+<form bindsubmit="submitForm" report-submit="true">
+  <view class="release">
+    <view  wx:if="{{reply}}" class="replyinfo1">
+      回复<text class="text">{{replyUserName}}</text>
+      <button class="cancel" bindtap="cancleReply">取消回复</button>
+    </view>
+    <view class="replyinfo2">
+      <textarea placeholder-class="input_null" fixed="true" maxlength="-1" show-confirm-bar="false" cursor-spacing="15" auto-height="true" placeholder="请输入回复" name="comment"></textarea>
+      <button form-type="submit" class="submit">发送</button>
+    </view>
+  </view>
+</form>

subpages/associationNew/pages/eventlist/eventlist.wxss

@@ -55,6 +55,7 @@ page {
   grid-template-columns: repeat(auto-fit, minmax(216rpx, 1fr));
   grid-gap: 7rpx;
 }
+
 .image-list .image-item {
   width: 100%;
   height: 100%;
@@ -62,30 +63,119 @@ page {
   border-radius: 8rpx;
 }
 
-.attitude{
-  width: calc(100% - 58rpx);
+.attitude {
+  width: calc(100% - 158rpx);
   margin-top: 21rpx;
   display: flex;
   align-items: center;
+  justify-content: space-between;
   /* justify-content: center; */
   height: 28rpx;
+  padding: 0 50rpx;
+}
+.attitude .all{
+  display: flex;
+  align-items: center;
 }
-.attitude image{
+.attitude .all image {
   width: 28rpx;
   height: 28rpx;
 }
-.attitude .give-data{
-  font-size:24rpx;
-  font-weight:500;
-  color:rgba(51,51,51,1);
+
+.attitude .all .give-data {
+  font-size: 24rpx;
+  font-weight: 500;
+  color: rgba(51, 51, 51, 1);
   margin-left: 9rpx;
-  width: 196rpx;
+  /* width: 196rpx; */
 }
 
-.comment{
+.comment {
   width: calc(100% - 98rpx);
   padding: 26rpx 20rpx;
   background: #F2F2F2;
-  border-radius:8rpx;
+  border-radius: 8rpx;
   margin-top: 25rpx;
 }
+
+.comment .comment-list {
+  width: 100%;
+  margin-top: 11rpx;
+  font-size: 28rpx;
+  color: #999999;
+}
+
+.comment .comment-list text {
+  color: #333333;
+}
+
+/* 评论样式 */
+.release {
+  align-items: flex-end; /*底部对齐*/
+  box-sizing: border-box;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  padding: 13rpx 20rpx;
+  background-color: #fff;
+  font-size: 28rpx;
+  z-index: 999;
+}
+.replyinfo1{ 
+  display: flex;
+  justify-content: space-between; /*两端对齐*/
+  font-size: 35rpx;
+}
+.replyinfo2{ 
+  display: flex;
+  justify-content: space-between; /*两端对齐*/
+}
+ 
+.release textarea {
+  width: calc(100% - 200rpx);
+  min-height: 34rpx;
+  max-height: 102rpx; /*最多显示三行*/
+  border-width: 15rpx 20rpx; /*使用padding与预期留白不一致，故使用border*/
+  border-style: solid;
+  border-color: #F2F2F2;
+  line-height: 34rpx;
+  font-size: 28rpx;
+  background-color: #F2F2F2;
+  border-radius: 4rpx;
+}
+ 
+.release .text {
+  font-size: 40rpx;
+  color: #c9c9c9;
+}
+ 
+.cancel {
+  width: 240rpx;
+  height: 64rpx;
+  line-height: 64rpx;
+  text-align: center;
+  color: #6c0;
+  margin: 0 3px;
+  padding: 0;
+}
+ 
+.release .submit {
+  width: 120rpx;
+  height: 64rpx;
+  line-height: 64rpx;
+  text-align: center;
+  color: #6c0;
+  margin: 0 3px;
+  padding: 0;
+}
+ 
+.pro-box .info .text .delete {
+  color: #f68135;
+  border-radius: 50rpx;
+  border: 1px solid #f68135;
+  font-size: 28 rpx;
+  width: 150rpx;
+  height: 48rpx;
+  text-align: center;
+}