评价样式修改

src/views/selfShop/goodsRate/detail.vue

@@ -34,11 +34,11 @@
                 </el-col>
                 <el-col>已购规格：{{ item.goodsSpec.name }}</el-col>
                 <el-col v-for="(replys, index) in item.reply" :key="index">
-                  <el-col :span="22" style="color: #f00">买家评价： {{ replys.content }}</el-col>
+                  <el-col :span="22" class="rate">买家评价： {{ replys.content }}</el-col>
                   <el-col v-for="(file, index) in replys.file" :key="index" :span="3">
                     <el-image :src="file.url" class="image" :preview-src-list="replys.url"></el-image>
                   </el-col>
-                  <el-col :span="22">商家回复：{{ replys.reply }}</el-col>
+                  <el-col :span="22" class="rates" style="word-break: break-all">商家回复：{{ replys.reply }}</el-col>
                   <el-col style="color: #999">{{ replys.time }}</el-col>
                   <el-col :span="12">
                     <el-col :span="20">
@@ -168,6 +168,7 @@ export default {
       border-bottom: 1px solid rgb(238, 237, 237);
       margin: 10px 0;
       padding: 0 10px 10px 10px;
+
       .name {
         text-align: center;
         .icon {
@@ -181,6 +182,15 @@ export default {
         height: 100px;
         border: 1px solid #ccc;
       }
+      .rate {
+        width: 91%;
+        color: red;
+        word-break: break-all;
+      }
+      .rates {
+        width: 91%;
+        word-break: break-all;
+      }
       .btn {
         margin: 8px 15px;
       }

src/views/system/goodsRate/detail.vue

@@ -34,11 +34,11 @@
                 </el-col>
                 <el-col>已购规格：{{ item.goodsSpec.name }}</el-col>
                 <el-col v-for="(replys, index) in item.reply" :key="index">
-                  <el-col :span="22" style="color: #f00">买家评价： {{ replys.content }}</el-col>
+                  <el-col :span="22" class="rate">买家评价： {{ replys.content }}</el-col>
                   <el-col v-for="(file, index) in replys.file" :key="index" :span="3">
                     <el-image :src="file.url" class="image" :preview-src-list="replys.url"></el-image>
                   </el-col>
-                  <el-col :span="22">商家回复：{{ replys.reply }}</el-col>
+                  <el-col :span="22" class="rates">商家回复：{{ replys.reply }}</el-col>
                   <el-col style="color: #999">{{ replys.time }}</el-col>
                 </el-col>
               </el-col>
@@ -165,6 +165,15 @@ export default {
         height: 100px;
         border: 1px solid #ccc;
       }
+      .rate {
+        width: 91%;
+        color: red;
+        word-break: break-all;
+      }
+      .rates {
+        width: 91%;
+        word-break: break-all;
+      }
       .btn {
         margin: 8px 15px;
       }