fix(component): 修复组件名称错误和props类型定义

refactor(component): 重构组件模板结构，移除重复代码

feat(component): 添加可选props支持外部数据传入

style(css): 优化样式布局和响应式设计

fix(js): 修复URL路径处理逻辑和滚动加载问题

feat(search): 新增搜索页推荐内容和空状态处理

chore: 添加新图标资源文件

css/public.less

@@ -54,6 +54,14 @@ body {
     text-overflow: ellipsis;
 }
 
+.one-line-display-v2 {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .two-line-display {
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -289,7 +297,7 @@ body {
             color: #555555;
             white-space: pre-wrap;
             margin-bottom: 15px;
-            display: block;
+            // display: block;
         }
 
         .picture {
@@ -404,7 +412,7 @@ body {
             font-size: 14px;
             color: #555555;
             margin-bottom: 20px;
-            display: block;
+            width: 100%; 
         }
 
         .total {
@@ -423,16 +431,18 @@ body {
         .list {
             overflow: auto;
             margin-bottom: 16px;
-
+            max-width: 100%;
             .item-content {
                 width: 280px;
                 flex-direction: column;
                 justify-content: space-between;
                 padding: 10px;
+                flex: 1;
             }
 
             .item {
                 width: 280px;
+                flex-shrink: 0;
                 height: 110px;
                 background-color: rgba(242, 242, 242, 0);
                 border: 1px solid rgba(235, 235, 235, 1);
@@ -852,6 +862,7 @@ body {
         background-color: rgba(246, 246, 246, 1);
         border-radius: 10px;
         padding: 0 10px;
+        width: 100%;
 
         .icon {
             width: 20px;
@@ -864,7 +875,7 @@ body {
             font-size: 14px;
             color: #7f7f7f;
             flex: 1;
-            width: 10px;
+            width: 0;
         }
     }
 
@@ -3024,4 +3035,4 @@ td {
     100% {
         top: 0;
     }
-}
+}