修复bug

pages/ToolDetail/Comment/index.vue

@@ -30,11 +30,23 @@
 				placeholder="Please express your opinions"
 				v-model="commentText"
 				:maxlength="1000"
+				show-word-limit
+				class="comment-textarea"
 			>
 			</el-input>
 			<div class="information-container flex-between-center">
-				<el-input v-model="nickName" placeholder="NickName" :maxlength="50" />
-				<el-input v-model="email" placeholder="Email" :maxlength="50" />
+				<el-input
+					v-model="nickName"
+					placeholder="NickName"
+					:maxlength="50"
+					class="nickname-input"
+				/>
+				<el-input
+					v-model="email"
+					placeholder="Email"
+					:maxlength="50"
+					class="email-input"
+				/>
 			</div>
 			<div class="submit-button flex-center" @click="submitComment">
 				<span>Submit</span>
@@ -42,7 +54,7 @@
 			</div>
 		</div>
 		<!--评论列表-->
-		<div class="comment-list card">
+		<div class="comment-list card" v-if="commentList.length">
 			<div class="list-header flex-between-center">
 				<h2 class="content-title">All comments <span class="little-text">（{{commentList.length}} comments）</span></h2>
 				<div class="more pointer" v-if="!checkMore" @click="checkMore = true">
@@ -250,6 +262,9 @@ export default {
 				border-color: #E2E8F0 !important;
 				padding: 30px !important;
 				height: 320px !important;
+				&::placeholder {
+					color: #E2E8F0 !important;
+				}
 			}
 		}
 		.information-container {
@@ -258,6 +273,9 @@ export default {
 			::v-deep .el-input {
 				.el-input__inner {
 					border-color: #E2E8F0 !important;
+					&::placeholder {
+						color: #64748B !important;
+					}
 				}
 			}
 		}