优化推荐

pages/category/index.vue

@@ -139,7 +139,7 @@
   ]
   
   //分页大小
-  let limit=4;
+  let limit=10;
 
   // 最后一次刷新时间
   let lastRefreshTime;

pages/recommend/index.vue

@@ -1,18 +1,9 @@
 <template>
   <view class="container">
     <!-- 搜索框 -->
-    <view class="search">
-      <view class="search-wrapper">
-        <view class="index-search">
-          <view class="index-cont-search t-c">
-            <text class="search-icon iconfont icon-search"></text>
-            <text class="search-text">
-              <input type="text" placeholder="请输入关键字" v-model="searchValue">
-            </text>
-            <button class="search-text-bu" @click="onSearch">搜索</button>
-          </view>
-        </view>
-      </view>
+    <!-- 搜索 -->
+    <view class="sozone">
+      <search class="search" tips="请输入店铺/标的名称关键字"/>
     </view>
 
     <view class="secondary">
@@ -81,6 +72,7 @@ import {PageCategoryStyleEnum} from '@/common/enum/store/page/category'
 import * as GoodsApi from '@/api/goods'
 import Empty from '@/components/empty'
 import {rpx2px, base64ToUint8Array} from '@/utils/util'
+import Search from '@/components/search'
 
 
 // 左侧菜单(固定)
@@ -96,6 +88,7 @@ let lastRefreshTime;
 export default {
   components: {
     Empty,
+    Search,
   },
   mixins: [MescrollCompMixin],
   data() {
@@ -216,65 +209,13 @@ export default {
 </script>
 
 <style lang="scss" scoped> // 搜索框
-  .search {
-    position: fixed;
-    float: top;
-    top: var(--window-top);
-    left: var(--window-left);
-    right: var(--window-right);
-    z-index: 19;
-
-    .search-wrapper {
-      background: #1c223b;
-      padding: 0rpx 20rpx 20rpx 20rpx;
-    }
-
-    .index-search {
-      border-bottom: 0;
-      background: #fff;
-      border-radius: 50rpx;
-      overflow: hidden;
-      font-size: 28rpx;
-      color: #6d6d6d;
-      box-sizing: border-box;
-      height: 74rpx;
-      line-height: 74rpx;
-
-      .index-cont-search {
-        width: 100%;
-        font-size: 28rpx;
-        background: #f7f7f7;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        .search-icon {
-          font-size: 34rpx;
-          margin-left: 50rpx;
-        }
-
-        .search-text {
-          text-align: left;
-          float: left;
-          margin-left: 20rpx;
-          width: 100%;
-
-          input {
-            font-size: 20rpx;
-          }
-        }
-        .search-text-bu {
-          margin-right: 20rpx;
-          color: #ffffff;
-          background-color: #1c223b;
-          font-size: 20rpx;
-          width: 120rpx;
-          height: 50rpx;
-          text-align: center;
-          border-radius: 50rpx;
-        }
-      }
-    }
+  // 搜索框
+  .sozone{
+    position: relative;
+    z-index: 70;
+    width: 100%;
+    height: 120rpx;
+    background-color: #1c223b;
   }
 
   //
@@ -289,7 +230,7 @@ export default {
     display: flex;
     z-index: 1;
     background: #fff;
-    padding-top: 96rpx;
+    padding-top: 16rpx;
     height: 100%;
   }
 
@@ -426,7 +367,7 @@ export default {
       .cate-top-rank {
         position: relative;
         float: left;
-        z-index: 9999;
+        z-index: 18;
         width: 0;
         height: 0;
         border-right: 50px solid transparent; /* 控制三角形的大小 */