更新

src/views/detail/semDetail.vue

@@ -24,14 +24,12 @@
                     <p>
                       <span>{{ item.name }}</span>
                     </p>
-                    </el-col><el-col :span="19" class="under">
+                  </el-col>
+                  <el-col :span="19" class="under">
                     <p>{{ item.context }}</p>
-                    <p>
-                      <span class="date">{{ item.ceng }}&nbsp;&nbsp;{{ item.date }}</span>
-                    </p></el-col
-                  >
-                  <el-col></el-col
-                ></el-col>
+                    <p>{{ item.ceng }}&nbsp;&nbsp;{{ item.date }}</p>
+                  </el-col>
+                </el-col>
               </el-col>
             </el-col>
             <el-col :span="24" class="input">
@@ -143,9 +141,7 @@ export default {
   border-left: 1px solid #fff;
   min-height: 200px;
   background-color: #e5e5e5;
-  /* width: 99.9%; */
   padding: 15px 0 0 0;
-
   margin: 1px 0 0 1px;
 }
 .lefts {
@@ -157,24 +153,31 @@ export default {
 }
 
 .under {
-  padding: 20px 0 20px 20px;
+  padding: 20px;
   width: 80%;
   background-color: #fff;
   min-height: 160px;
 }
-.date {
-  text-align: center;
-  position: relative;
+.under p:first-child {
+  float: left;
   width: 100%;
   font-size: 18px;
-  top: 80px;
-  left: 1050px;
+  height: 105px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 4;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  line-height: 26px;
+}
+.under p:last-child {
+  text-align: right;
+  font-size: 16px;
 }
 .chatInfo .input {
   float: left;
-  // height: 290px;
   height: 340px;
-
   overflow: hidden;
   text-align: center;
   padding: 0 10%;