优化评论部分

components/CommentSection/CommentSection.vue

@@ -1,9 +1,9 @@
 <template>
 	<view class="comment-section">
 		<view class="section-header">
-			<text class="fa fa-comments"></text>
-			<text class="section-title">评论区</text>
-			<text class="comment-count">({{ tableTotal }})</text>
+			<!-- <text class="fa fa-comments"></text> -->
+			<!-- <text class="section-title">评论区</text> -->
+			<text class="comment-count">共 {{ tableTotal }} 条评论</text>
 		</view>
 
 		<CComment ref="ccRef" :myInfo="myInfo" :userInfo="userInfo" :tableData="tableData" :tableTotal.sync="tableTotal"
@@ -13,9 +13,22 @@
 			<text class="fa fa-pencil"></text>
 			<text>发表新评论</text>
 		</view>
-		<view class="bottomFixed">
-			<view class="inbutBox"></view>
-			<view class="giveTheThumbsUpBox"></view>
+		<view class="bottomFixed"  @tap="openComment">
+			<view class="inbutBox">
+				<view class="left-box">
+					<image src="@/static/icon/cz_icon_xiugaifengmian.png"></image>
+					<text>发表你的想法...</text>
+				</view>
+				<view class="emoji-trigger" >
+					<text class="fa fa-smile-o"></text>
+				</view>
+			</view>
+			<view class="giveTheThumbsUpBox">
+				<image v-if="true" src="@/static/icon/icon-19.png"></image>
+				<image v-else src="@/static/icon/icon-18.png"></image>
+				<!-- {{}} -->
+				0
+			</view>
 		</view>
 	</view>
 </template>
@@ -223,9 +236,11 @@ export default {
 		}
 
 		.comment-count {
-			font-size: 28rpx;
-			color: #999;
+			font-size: 28rpx; 
 			margin-left: 10rpx;
+			font-family: 'PingFang SC-Medium';
+			font-weight: 400;
+			color: #1F1F1F;
 		}
 	}
 
@@ -263,14 +278,42 @@ export default {
 		// position: fixed;
 		left: 0;
 		bottom: var(--window-bottom);
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
 		.inbutBox {
 			background: #F6F6F6;
 			border-radius: 34rpx;
 			width: 576rpx;
 			height: 68rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 24rpx 18rpx;
+			.left-box{
+				display: flex;
+				align-items: center;
+				
+			}
+			image{
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 12rpx;
+			}
+			.emoji-trigger{
+				font-size: 48rpx;
+			}
 		}
 		.giveTheThumbsUpBox{
-			
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			 
+			image{
+				width: 40rpx;
+				height: 40rpx;
+				margin-right: 10rpx;
+			}
 		}
 	}
 

pages/index/index.vue

@@ -61,7 +61,7 @@
 						<view class="classModel">
 							<image src="@/static/home/benner-iconBom.png" class="benner-iconBom" mode=""></image>
 							<image src="@/static/home/benner-icontop.png" class="benner-icontop" mode=""></image>
-							<view class="benner-box benner-left-box">
+							<view class="benner-box benner-left-box" @click="goPage('/pages/my/job')">
 								<view class="text1">
 									获取奖励
 								</view>
@@ -70,7 +70,7 @@
 								</view>
 							</view>
 							<view class="benner-box benner-right-box" ref="classModel1"
-								@click="goPage('/pages/my/job')">
+								>
 								<view class="guard">
 									<view class="text">
 										潮玩IP