fix: 修复多个组件样式和功能问题

修复论坛项图片底部间距问题
调整BI组件z-index值防止遮挡
优化视频海报展示逻辑
限制评论输入框最大高度
修复搜索框占位符显示逻辑
添加分页项样式
移除评论编辑框底部边框
优化BI组件API请求方法

css/bi.css

@@ -10,6 +10,19 @@ body {
   padding-top: 22px;
   margin-top: 20px;
 }
+.bi-container .page-item {
+  min-width: 24px;
+  box-sizing: border-box;
+  text-align: center;
+  cursor: pointer;
+}
+.bi-container .page-item.dot {
+  cursor: auto;
+}
+.bi-container .page-item.dot:hover {
+  color: #333;
+  background-color: #eee;
+}
 .bi-container * {
   padding: 0;
   margin: 0;

css/bi.less

@@ -11,6 +11,22 @@ body {
     padding-top: 22px;
     margin-top: 20px;
 
+    .page-item {
+        min-width: 24px;
+        box-sizing: border-box;
+        text-align: center;
+        cursor: pointer;
+
+        &.dot {
+            cursor: auto;
+
+            &:hover {
+                color: #333;
+                background-color: #eee;
+            }
+        }
+    }
+
     * {
         padding: 0;
         margin: 0;

css/details.css

@@ -661,6 +661,7 @@
   padding-top: 5px;
   padding-bottom: 11px;
   resize: none;
+  max-height: 300px;
 }
 .answer-discuss .input-box .top .input-textarea * {
   background: transparent !important;
@@ -683,6 +684,7 @@
   padding-left: 14px;
   padding-top: 12px;
   overflow: auto;
+  margin-bottom: 20px;
 }
 .answer-discuss .input-box .picture-box .picture {
   position: relative;
@@ -955,6 +957,8 @@
 }
 .answer-discuss .comments-box .comments-item .comments-content img {
   border-radius: 5px;
+  height: 100px;
+  max-width: 300px;
 }
 .answer-discuss .comments-box .comments-item .comments-content .input-box {
   position: relative;
@@ -996,6 +1000,7 @@
 }
 .answer-discuss .comments-box .comments-item .comments-content .comments-img {
   height: 100px;
+  max-width: 300px;
   margin-right: 10px;
   margin-bottom: 13px;
   border-radius: 8px;
@@ -1199,9 +1204,6 @@
 .answer-discuss .edit-comment .box .input-box {
   margin-right: 0;
 }
-.answer-discuss .edit-comment .box .input-box .bottom {
-  border-top: 1px solid #ebebeb;
-}
 .answer-discuss .edit-comment .box .btn-list {
   padding: 15px 0;
   justify-content: flex-end;

css/details.less

@@ -779,6 +779,7 @@
     padding-top: 5px;
     padding-bottom: 11px;
     resize: none;
+    max-height: 300px;
 }
 
 .answer-discuss .input-box .top .input-textarea * {
@@ -804,6 +805,7 @@
     padding-left: 14px;
     padding-top: 12px;
     overflow: auto;
+    margin-bottom: 20px;
 }
 
 .answer-discuss .input-box .picture-box .picture {
@@ -1123,6 +1125,8 @@
 
 .answer-discuss .comments-box .comments-item .comments-content img {
     border-radius: 5px;
+    height: 100px;
+    max-width: 300px;
 }
 
 .answer-discuss .comments-box .comments-item .comments-content .input-box {
@@ -1171,6 +1175,7 @@
 
 .answer-discuss .comments-box .comments-item .comments-content .comments-img {
     height: 100px;
+    max-width: 300px;
     margin-right: 10px;
     margin-bottom: 13px;
     border-radius: 8px;
@@ -1402,7 +1407,7 @@
     margin-right: 0;
 }
 .answer-discuss .edit-comment .box .input-box .bottom {
-    border-top: 1px solid #ebebeb;
+    // border-top: 1px solid #ebebeb;
 }
 .answer-discuss .edit-comment .box .btn-list {
     padding: 15px 0;

css/public.css

@@ -249,6 +249,7 @@ body {
 }
 .item-box.item-forum .picture {
   overflow: auto;
+  margin-bottom: 15px;
 }
 .item-box.item-forum .picture .picture-videos {
   position: relative;

css/public.less

@@ -294,6 +294,7 @@ body {
 
         .picture {
             overflow: auto;
+            margin-bottom: 15px;
 
             .picture-videos {
                 position: relative;