超出隐藏

src/project/fengdu/AppNewFarmerBank/AppNewFarmerBank.vue

@@ -41,7 +41,9 @@
       <div class="list" v-if="list.length">
         <div class="card" v-for="(item,index) in list" :key="index">
           <div class="top">
-            <div class="left" @click="toPages(`./pickDetail?id=${item.id}`)">{{ item.content }}</div>
+            <div class="left" @click="toPages(`./pickDetail?id=${item.id}`)">
+              <p>{{ item.content }}</p>
+            </div>
             <div class="right" @click="upCount(item.id,index)">
               <img :src="item.upStatus==0? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png':'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png'" alt="">
               <div>
@@ -298,11 +300,13 @@ export default {
           justify-content: space-between;
           .left {
             width: 562px;
-            overflow:hidden; 
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 2;
+            p {
+              overflow:hidden; 
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 2;
+            }
           }
           .right {
             width: 52px;

src/project/fengdu/AppNewFarmerBank/handpick.vue

@@ -3,7 +3,7 @@
     <div class="list" v-for="(item,index) in list" :key="index">
       <div class="top">
         <div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)">
-          {{ item.content }}
+          <p>{{ item.content }}</p>
         </div>
         <div class="right" @click="upCount(item.id, index)">
           <img :src="item.upStatus == 0 ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png'" alt="">
@@ -114,11 +114,13 @@ export default {
       justify-content: space-between;
       .left {
         width: 562px;
-        overflow:hidden; 
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
+        p {
+          overflow:hidden; 
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+        }
       }
       .right {
         width: 52px;