a1300399510@qq.com 提交于 2023/03/30 -19:20:01

src/App.vue

@@ -81,6 +81,15 @@ export default {
 	overflow: hidden;
 }
 
+// 文章三行显示
+.three-lines {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 3;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
 // 阴影
 .shadow {
 	-webkit-box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);

src/views/detail/detailIndex.vue

@@ -35,9 +35,11 @@
 
                 <div class="card-content">
                     <!-- 回复引用 -->
-                    <div class="quotation">
-                        <div class="quotation-left"></div>
-                        <svg-icon icon-class="quotation-left" class-name="quotation-left"></svg-icon>
+                    <div class="quotation flexflex">
+                        <svg-icon icon-class="quotation-left" class-name="quotation-icon"></svg-icon>
+                        <div class="quotation-wenzi flex1 three-lines">这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…</div>
+
+                        <div class="quotation-bottom"></div>
                     </div>
                     <!-- 之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。 -->
                 </div>
@@ -216,10 +218,9 @@ export default {
                     border-radius: .16rem;
                     background: rgb(246, 246, 246);
 
-
-                    img {
+                    .quotation-icon {
                         width: .32rem;
-
+                        height: .26rem;
                     }
                 }
             }