css

src/project/fengdu/AppNewFarmerBank/AppNewFarmerBank.vue

@@ -60,6 +60,7 @@
               <span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span>
             </div>
           </div>
+          <p class="content-info">{{item.content}}</p>
           <div class="imgs" v-if="item.images.length">
             <image v-for="(img, i) in item.images" :key="i" class="banner" :src="img.url"/>
           </div>
@@ -358,6 +359,19 @@ export default {
             }
           }
         }
+        .content-info {
+          word-break: break-all;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          overflow: hidden;
+          font-family: PingFangSC-Regular;
+          font-size: 28px;
+          color: #333;
+          line-height: 42px;
+          margin-bottom: 24px;
+        }
         .imgs {
           display: flex;
           flex-wrap: wrap;

src/project/fengdu/AppNewFarmerBank/handpick.vue

@@ -13,6 +13,7 @@
           <span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span>
         </div>
       </div>
+      <p class="content-info">{{item.content}}</p>
       <div class="imgs" v-if="item.images.length">
         <image v-for="(img, i) in item.images" :key="i" class="banner" :src="img.url"/>
       </div>
@@ -164,6 +165,19 @@ export default {
         }
       }
     }
+    .content-info {
+      word-break: break-all;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+      font-family: PingFangSC-Regular;
+      font-size: 28px;
+      color: #333;
+      line-height: 42px;
+      margin-bottom: 24px;
+    }
     .imgs {
       display: flex;
       flex-wrap: wrap;

src/project/fengdu/AppNewFarmerBank/pickDetail.vue

@@ -5,7 +5,7 @@
         {{data.girdName}}
       </div>
       <div class="type-info">{{data.createUserName}}<span>{{data.title}}</span></div>
-      <div class="content">{{ data.content }}</div>
+      <div class="content-info">{{ data.content }}</div>
       <div class="imgs" v-if="images.length">
         <image v-for="(img, i) in images" @click="preview(img.url, images)" :key="i" class="banner" :src="img.url"/>
       </div>
@@ -96,7 +96,7 @@ export default {
       color: #999999;
       margin-top: 16px;
     }
-    .content {
+    .content-info {
       font-size: 28px;
       font-weight: 400;
       color: #333333;