固定搜索框

src/apps/AppIntegralAudit/AppIntegralAudit.vue

@@ -1,16 +1,16 @@
 <template>
-  <div class="AppIntegralAudit">
+  <div class="AppIntegralAudit" v-if="flag">
     <!-- tab栏 -->
+    <div style="position: fixed; top: 0; left: 0;width: 100%;">
       <div class="tab-select">
         <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
       </div>
-    <!-- 列表 -->
-    <div>
       <div class="search-box">
         <div class="integral-types" @click="showType = true">{{ type? type : '积分类型' }}<u-icon name="arrow-down"></u-icon></div>
         <u-search placeholder="请输入关键字" v-model="keyword" :show-action="false" @search="search" @clear="getList()"/>
       </div>
-
+    </div>
+    <!-- 列表 -->
     <div class="card-list"  v-if="integralList.length">
       <div class="card-item" @click="toDetail(item)" v-for="(item,index) in integralList" :key="index">
         <div class="card-title">{{ item.description }}</div>
@@ -24,14 +24,11 @@
         </div>
       </div>
     </div>
-      <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
+    <AiEmpty description="暂无数据" class="emptyWrap" v-else style="padding-top: 100px;"></AiEmpty>
-
     <u-select v-model="showType" :list="$dict.getDict('atWillReportType')" label-name="dictName" value-name="dictValue"
             @confirm="confirmTypeSelect"/>
     <div style="height: 20px"></div>
   </div>
-    
-  </div>
 </template>
 
 <script>
@@ -49,6 +46,7 @@ export default {
       integralList: [],
       type: '',
       applyIntegralType: '',  // 积分类型
+      flag: false,
     }
   },
   created() {   
@@ -83,6 +81,7 @@ export default {
         if(res?.data){
           this.integralList = this.current > 1 ? [...this.integralList, ...res.data.records] : res.data.records
           this.$forceUpdate()
+          this.flag = true
         } 
       })
     },
@@ -160,7 +159,7 @@ export default {
 
   .card-list {
     width: 100%;
-    padding: 0 32px;
+    padding: 200px 32px 0 32px;
     box-sizing: border-box;
     background: #f5f5f5;
 

src/apps/AppVillagersCircle/AppVillagersCircle.vue

@@ -39,10 +39,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-uni-page-body {
-  height: 100%!important;
-  background-color: #fff!important;
-}
 .AppVillagersCircle{
   height: 100%;
   padding-top: 16px;

src/apps/AppVillagersCircle/commentList.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="commentList">
     <!-- tab栏 -->
+    <div style="position: fixed; top: 0; left: 0;width: 100%;">
       <div class="tab-select">
         <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
       </div>
-    <!-- 全部 -->
-    <div>
       <div class="search-box">
         <div class="integral-types" @click="showType = true">{{ topicType? topicType:'话题类型' }}<u-icon name="arrow-down"></u-icon></div>
         <u-search placeholder="请输入发布内容/评论人" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
       </div>
-
+    </div>
+    <!-- 列表 -->
     <div class="card-list" v-if="data.length">
       <div class="card-item" v-for="(item,index) in data" :key="index" @click="toDetail(item)">
         <div class="card-title" v-if="item.villagerCircleInfo && item.villagerCircleInfo.content">{{ item.villagerCircleInfo.content }}</div>
@@ -26,12 +26,10 @@
         </div>
       </div>
     </div>
-      <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
+    <AiEmpty description="暂无数据" class="emptyWrap" v-else style="padding-top: 100px;"></AiEmpty>
-
     <u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
             @confirm="confirmTypeSelect"/>
   </div>
-  </div>
 </template>
 
 <script>
@@ -158,7 +156,7 @@ export default {
 
   .card-list {
     width: 100%;
-    padding: 0 32px;
+    padding: 200px 32px 0 32px;
     box-sizing: border-box;
     background: #f5f5f5;
 

src/apps/AppVillagersCircle/infoList.vue

@@ -1,17 +1,16 @@
 <template>
   <div class="infoList">
     <!-- tab栏 -->
+    <div style="position: fixed; top: 0; left: 0;width: 100%;">
       <div class="tab-select">
         <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
       </div>
-
-    <!-- 全部 -->
-    <div>
       <div class="search-box">
         <div class="integral-types" @click="showType = true">{{ topicType? topicType:'话题类型' }}<u-icon name="arrow-down"></u-icon></div>
         <u-search placeholder="请输入标题/发布人" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
       </div>
-
+    </div>
+    <!-- 列表 -->
     <div class="card-list" v-if="villagerList.length">
       <div class="card-item" v-for="(item,index) in villagerList" :key="index" @click="toDetail(item)">
         <div class="card-title">{{ item.content }}</div>
@@ -25,12 +24,10 @@
         </div>
       </div>
     </div>
-      <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
+    <AiEmpty description="暂无数据" class="emptyWrap" style="padding-top:100px" v-else></AiEmpty>
-
     <u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
             @confirm="confirmTypeSelect"/>
   </div>
-  </div>
 </template>
 
 <script>
@@ -155,7 +152,7 @@ export default {
 
   .card-list {
     width: 100%;
-    padding: 0 32px;
+    padding: 200px 32px 0 32px;
     box-sizing: border-box;
     background: #f5f5f5;