激活码库存查询

pages/code/search.vue

@@ -1,14 +1,15 @@
 <template>
     <view class="book-search">
-        <!-- 搜索框 -->
-        <view class="search-container">
+        <!-- 搜索框 - 固定在顶部 -->
+        <view class="search-container fixed-top">
             <u-search v-model="searchKeyword" placeholder="输入ISBN/书名" :show-action="true" action-text="搜索"
                 :clearabled="true" @search="handleSearch" @clear="handleClear" @custom="handleSearch"></u-search>
         </view>
 
         <!-- 书籍列表 -->
-        <page-scroll ref="pageScroll" url="/token/activation/infoList" :immediate="false" :slot-empty="true"
-            :params="searchParams" @updateList="handleUpdateList">
+        <view class="content-wrapper">
+            <page-scroll ref="pageScroll" url="/token/activation/infoList" :immediate="false" :slot-empty="true"
+                :params="searchParams" @updateList="handleUpdateList">
             <view class="book-list">
                 <view class="book-item" v-for="(item, index) in bookList" :key="index">
                     <!-- 书籍封面 -->
@@ -44,6 +45,7 @@
                 </view>
             </template>
         </page-scroll>
+        </view>
     </view>
 </template>
 
@@ -117,12 +119,20 @@ export default {
 }
 
 .search-container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 999;
     background-color: #fff;
     padding: 20rpx 30rpx;
-    margin-bottom: 20rpx;
     box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
 }
 
+.content-wrapper {
+    margin-top: 120rpx; /* 为固定搜索框留出空间 */
+}
+
 .book-list {
     padding: 0 30rpx;
 }