feat: 🎸 封装了一个滚动加载组件

src/pages/ProjectLibraryPage/index.css

@@ -13,6 +13,8 @@
     box-sizing: border-box;
     padding: 20px;
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
 
     .user-portfolio-search-area {
       width: 100%;
@@ -31,9 +33,7 @@
         }
       }
     }
-
     .user-portfolio-list {
-      width: 100%;
       overflow-y: auto;
       box-sizing: border-box;
       display: flex;
@@ -63,7 +63,8 @@
         align-items: flex-start;
         flex-direction: column;
 
-        > span {
+        .user-portfolio-item-title {
+          width: 100%;
           border: 1px solid #2c7aff;
           background-color: #e8f3ff;
           height: 20px;
@@ -73,7 +74,11 @@
           color: #2c7aff;
           font-size: 12px;
           font-weight: 600;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
+
         > div {
           width: 100%;
           height: 24px;