修改输入框样式问题，首页布局问题

wuye-manager-uniapp/pageSubPack/report-record/report-record.vue

@@ -304,7 +304,7 @@ onReady(() => {
   padding: 20rpx 0rpx;
   margin-top: 10rpx;
   justify-content: flex-start;
-  gap: 20rpx;
+  gap: 30rpx;
   margin: 0rpx 40rpx;
 }
 

wuye-manager-uniapp/pageSubPack/setting/change-password.vue

@@ -192,7 +192,9 @@ const handleConfirm = () => {
   flex: 1;
   font-size: 32rpx;
   color: #333;
-  height: 100%;
+  /* height: 100%; */
+  display: flex;
+  align-items: center;
 }
 
 /* 密码规则提示 */

wuye-manager-uniapp/pageSubPack/setting/change-phone.vue

@@ -210,7 +210,8 @@ const handleConfirm = () => {
   flex: 1;
   font-size: 32rpx;
   color: #333;
-  height: 100%;
+  display: flex;
+  align-items: center;
 }
 .verify-input {
   padding-right: 20rpx;

wuye-manager-uniapp/pages/index/index.vue

@@ -5,6 +5,8 @@
 
     <!-- 页面内容区 -->
     <view class="page-content">
+      <!-- 粘性顶部区域（状态栏 + 导航栏 + 小区选择） -->
+      <view class="sticky-header">
         <!-- 状态栏占位 -->
         <view class="status_bar" :style="{ height: statusBarHeight + 'px' }"></view>
         <!-- 导航栏 -->
@@ -31,7 +33,10 @@
             </view>
           </view>
         </view>
+      </view>
 
+      <!-- 可滚动内容区 -->
+      <view class="scroll-content">
         <!-- banner -->
         <view class="bannarClass">
           <uni-swiper-dot
@@ -146,11 +151,12 @@
         </view>
       </view>
     </view>
+  </view>
 </template>
 
 <script setup>
 import { ref } from 'vue'
-import { onLoad, onUnload } from '@dcloudio/uni-app'
+import { onLoad, onUnload ,onShow} from '@dcloudio/uni-app'
 import {
   getCurrentVillage,
   getTodayInspection,
@@ -297,13 +303,16 @@ const slelctHomeData = data => {
   getNoticeData()
   getInspectionData()
 }
+onShow(()=>{
+   getbannarData()
+})
 
 onLoad(() => {
   uni.$on('confirm', slelctHomeData)
   // 优先调用接口获取当前小区，失败时再读缓存
   currentVillageData()
   getInspectionData()
-  getbannarData()
+  // getbannarData()
 })
 
 onUnload(() => {
@@ -326,13 +335,13 @@ const onSwiperChange = e => {
   position: relative;
 }
 
-/* 顶部渐变背景 */
+/* 顶部渐变背景 - 增加高度确保覆盖粘性头部区域 */
 .bg-gradient {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
-  height: 400rpx;
+  height: 600rpx;
   background: repeating-linear-gradient(to right, #edf4fa, #c0e4fb);
   z-index: 0;
 }
@@ -344,6 +353,19 @@ const onSwiperChange = e => {
   padding: 0 40rpx 40rpx;
 }
 
+/* 粘性头部区域 - 滚动时固定在顶部 */
+.sticky-header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  /* 与顶部渐变背景一致，保证滚动时视觉效果连贯 */
+  background: repeating-linear-gradient(to right, #edf4fa, #c0e4fb);
+  margin: 0 -40rpx; /* 抵消父容器内边距，使背景完全延伸 */
+  padding: 0 40rpx;
+  /* 可选：添加轻微阴影增强层次感 */
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.02);
+}
+
 .status_bar {
   width: 100%;
 }
@@ -407,6 +429,12 @@ const onSwiperChange = e => {
   }
 }
 
+/* 可滚动内容区域 */
+.scroll-content {
+  /* 确保内部元素正常布局 */
+  width: 100%;
+}
+
 .bannarClass {
   padding: 20rpx 0;
 }