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

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

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

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

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

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

chore: 添加新图标资源文件

css/public.css

@@ -42,6 +42,13 @@ body {
   overflow: hidden;
   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;
@@ -243,7 +250,6 @@ body {
   color: #555555;
   white-space: pre-wrap;
   margin-bottom: 15px;
-  display: block;
 }
 .item-box.item-forum .picture {
   overflow-x: auto;
@@ -334,7 +340,7 @@ body {
   font-size: 14px;
   color: #555555;
   margin-bottom: 20px;
-  display: block;
+  width: 100%;
 }
 .item-box.item-summary .total {
   font-size: 14px;
@@ -350,15 +356,18 @@ body {
 .item-box.item-summary .list {
   overflow: auto;
   margin-bottom: 16px;
+  max-width: 100%;
 }
 .item-box.item-summary .list .item-content {
   width: 280px;
   flex-direction: column;
   justify-content: space-between;
   padding: 10px;
+  flex: 1;
 }
 .item-box.item-summary .list .item {
   width: 280px;
+  flex-shrink: 0;
   height: 110px;
   background-color: rgba(242, 242, 242, 0);
   border: 1px solid #ebebeb;
@@ -702,6 +711,7 @@ body {
   background-color: #f6f6f6;
   border-radius: 10px;
   padding: 0 10px;
+  width: 100%;
 }
 .item-box .comment .icon {
   width: 20px;
@@ -713,7 +723,7 @@ body {
   font-size: 14px;
   color: #7f7f7f;
   flex: 1;
-  width: 10px;
+  width: 0;
 }
 .item-box .bottom {
   height: 55px;