Quellcode durchsuchen

```
feat(LearningSystem): 评论内容添加文本溢出处理样式

- 为评论内容添加content_pinglun类名
- 实现多行文本截断显示效果
- 使用-webkit-box实现弹性布局文本溢出隐藏

fix(Personal): 需求页面修复字段显示错误

- 将requirements字段替换为background字段显示
- 统一描述区域样式类名为line3
- 修正详情页和列表页的字段绑定错误
```

zhangningning vor 2 Wochen
Ursprung
Commit
b2fd238b01
2 geänderte Dateien mit 10 neuen und 3 gelöschten Zeilen
  1. 8 1
      src/pages/LearningSystem/components/pinglun.vue
  2. 2 2
      src/pages/Personal/Demand.vue

+ 8 - 1
src/pages/LearningSystem/components/pinglun.vue

@@ -26,7 +26,7 @@
             <div class="bold font_size14">{{item.nickName}}</div>
             <div class="gray font_size12">{{item.createTime}}</div>
           </div>
-          <div class="gray mt5 line_height22">
+          <div class="gray mt5 line_height22 content_pinglun">
             {{item.content}}
           </div>
         </div>
@@ -139,6 +139,13 @@ const handleSend = async () => {
     .list_item{
       cursor: pointer;
       padding: 15px 0;
+      .content_pinglun{
+        word-break: break-all;
+        display: -webkit-box;
+        // -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+      }
     }
 
   }

+ 2 - 2
src/pages/Personal/Demand.vue

@@ -32,7 +32,7 @@
                 </div>
               </div>
             </div>
-            <div class="description">{{ item.requirements }}</div>
+            <div class="description line3">{{ item.background }}</div>
             <div class="info">
               <div class="info-left">
                 <el-avatar :size="30" :src="item.userAvatar || appStore.avatarDefault" />
@@ -109,7 +109,7 @@
               </div>
             </div>
           </div>
-          <div class="desc">{{ itemData.requirements }}
+          <div class="desc line3">{{ itemData.background }}
           </div>
           <div class="time">{{ itemData.publishTime }} {{ $t('common.publish') }}</div>
         </div>