stye: 搜索布局更改

- 搜索的 margin 布局样式更改

src/views/HomeSearch/Index.vue

@@ -37,7 +37,9 @@ onUnmounted(() => {
       />
     </div>
     <!--  广告区域  -->
-    <image-slider :banners="banners" v-if="banners?.length > 0 && keyword" />
+    <div class="banner">
+      <image-slider :banners="banners" v-if="banners?.length > 0 && keyword" />
+    </div>
 
     <section class="result" v-if="loading && searchKeyword">
       <!--  我的任务区域  -->
@@ -85,6 +87,10 @@ onUnmounted(() => {
     @extend %search-gradient;
   }
 
+  .banner {
+    padding: theme.$gap;
+  }
+
   // 搜索结果外部布局
   .result {
     padding: theme.$gap;

src/views/HomeSearch/components/Recommend/Index.vue

@@ -65,14 +65,12 @@ async function handleDelHistory() {
 .title {
   font-size: 25px;
   font-weight: 800;
-  margin-bottom: 10px;
   color: rgba(102, 102, 102, 1);
   font-size: 13px;
   font-family: PingFangSC;
 }
 
 .recommend-container {
-  margin-top: 20px;
   padding: 0 (theme.$gap * 2);
 }