修改评论样式 加点赞图标

subpages/associationNew/pages/eventlist/eventlist.wxml

@@ -25,18 +25,19 @@
 			<!-- 用户是否已点赞 0否；1是 -->
 			<!--  -->
 			<image src="{{item.likeFlag == '0' ? '../../images/give.png' : '../../images/give_2.png'}}"></image>
-			<view class="give-data {{item.likeFlag == '1' ? 'color' : ''}}">{{item.supportNum}}</view>
+			<view class="give-data-n {{item.likeFlag == '1' ? 'color' : ''}}">{{item.supportNum}}</view>
 		</view>
 		<view class="all">
 			<image src="../../images/comment.png"></image>
-			<view class="give-data">{{item.commentNum}}</view>
+			<view class="give-data-n">{{item.commentNum}}</view>
 		</view>
 		<view class="all" data-id="{{item.id}}" data-index="{{index}}" bindtap="clickTextarea">
-			<image src="../../images/ic_huifu@2x.png"></image>
-			<view class="give-data">评论</view>
+			<image class="wcomment" src="../../images/wcomment@2x.png"></image>
+			<!-- <view class="give-data-s">评论</view> -->
 		</view>
 	</view>
 	<view wx:if="{{item.likes.length > 0}}"  class="likes">
+		<image src="../../images/give.png"></image>
 		<block wx:for="{{item.likes}}" wx:key="index" wx:for-index="index" wx:for-item="likesItem">
 			<text>{{likesItem.nickname}}</text><text wx:if="{{index < item.likes.length - 1}}">,</text>
 		</block>

subpages/associationNew/pages/eventlist/eventlist.wxss

@@ -57,14 +57,14 @@ page {
   font-weight: 500;
   color: rgba(51, 51, 51, 1);
   line-height: 54rpx;
+  word-break: break-all;
 }
 
 .image-list {
-  /* width: calc(100% - 58rpx); */
-  width: 100%;
+  width: calc(100% - 58rpx);
   margin-top: 30rpx;
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(216rpx, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(208rpx, 1fr));
   grid-gap: 7rpx;
 }
 
@@ -92,19 +92,38 @@ page {
 }
 
 .attitude .all image {
-  width: 30rpx;
-  height: 30rpx;
+  width: 34rpx;
+  height: 34rpx;
+}
+
+.wcomment {
+  width: 146rpx !important;
+  height: 56rpx !important;
 }
 
-.attitude .all .give-data {
-  font-size: 26rpx;
+.likes image {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 10rpx;
+}
+
+.attitude .all .give-data-n {
+  font-size: 30rpx;
   font-weight: 500;
   color: rgba(51, 51, 51, 1);
   margin-left: 9rpx;
   /* width: 196rpx; */
 }
 
-.attitude .all .give-data.color {
+.attitude .all .give-data-s {
+  font-size: 28rpx;
+  font-weight: 500;
+  color: rgba(51, 51, 51, 1);
+  margin-left: 9rpx;
+  /* width: 196rpx; */
+}
+
+.attitude .all .give-data-n.color {
   color: #FFB103;
 }
 
@@ -116,10 +135,13 @@ page {
   margin-top: 25rpx;
   font-size: 28rpx;
   color: #333333;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
 }
 .line {
-  width: calc(100% - 60rpx);
-  height: 0.5px;
+  /* width: calc(100% - 60rpx); */
+  height: 0px;
   background-color: #dddddd;
 }
 
@@ -136,6 +158,7 @@ page {
   margin-top: 11rpx;
   font-size: 28rpx;
   color: #999999;
+  word-break: break-all;
 }
 
 .comment .comment-list text {