fix: 修正列表页面显示文字

slimkit · Apr 26, 2018 · b1edaee · b1edaee
1 parent 0a2f7b8
commit b1edaee
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/FeedCard/FeedCard.vue b/src/components/FeedCard/FeedCard.vue
@@ -19,7 +19,7 @@
           <h2 v-if="title">{{ title }}</h2>
           <div class="m-card-con" v-if="body.length > 0">
             <p
-            class="m-text-box m-text-cut-4"
+            class="m-text-box m-text-cut-3"
             :class="{needPay}"
             v-html="replaceURI(body)"></p>
           </div>

diff --git a/src/style/base.less b/src/style/base.less
@@ -163,21 +163,27 @@ body,
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
+  /* autoprefixer: off*/
   -webkit-box-orient: vertical;
+  /* autoprefixer: on*/
 }
 .m-text-cut-3 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
+  /* autoprefixer: off*/
   -webkit-box-orient: vertical;
+  /* autoprefixer: on*/
 }
 .m-text-cut-4 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
+  /* autoprefixer: off*/
   -webkit-box-orient: vertical;
+  /* autoprefixer: on*/
 }
 .m-text-box {
   word-wrap: break-word;