页面问题处理

pages/homepage/homepage.wxml

@@ -25,8 +25,20 @@
           <text class="label">住址</text>
           <text class="value address-value">{{userInfo.address}}</text>
         </view>
-      </view>
 
+        <!-- 通知轮播区域 -->
+      <view class="notice-bar" wx:if="{{noticeList && noticeList.length > 0}}">
+        <view class="notice-icon">
+          <image src="/static_file/speaker.png" mode="aspectFit"></image>
+        </view>
+        <view class="notice-swiper-container">
+          <view class="notice-content {{isScrolling ? 'scrolling' : ''}}" bindanimationend="onScrollComplete" bindtap="goToNoticeDetail" style="animation-duration: {{scrollDuration}}s;">
+            <text class="notice-title">{{noticeList[currentIndex].noticetitle}}:</text>
+            <text>{{noticeList[currentIndex].scrollingcontent}}</text>
+          </view>
+        </view>
+      </view>
+      </view>
     </view>
 
     <!-- 票据式分割线 -->
@@ -60,18 +72,6 @@
         </view>
       </view>
 
-      <!-- 通知轮播区域 -->
-      <view class="notice-bar" wx:if="{{noticeList && noticeList.length > 0}}">
-        <view class="notice-icon">
-          <image src="/static_file/speaker.png" mode="aspectFit"></image>
-        </view>
-        <view class="notice-swiper-container">
-          <view class="notice-content {{isScrolling ? 'scrolling' : ''}}" bindanimationend="onScrollComplete" bindtap="goToNoticeDetail" style="animation-duration: {{scrollDuration}}s;">
-            <text class="notice-title">{{noticeList[currentIndex].noticetitle}}:</text>
-            <text>{{noticeList[currentIndex].scrollingcontent}}</text>
-          </view>
-        </view>
-      </view>
       
       <!-- 充值缴费按钮 -->
       <button class="pay-btn" hover-class="pay-btn-hover" hover-stay-time="100" bindtap="goToPayment">立即缴费</button>

pages/homepage/homepage.wxss

@@ -44,7 +44,7 @@
 .info-row {
   display: flex;
   align-items: center;
-  margin-bottom: 15rpx;
+  margin-bottom: 12rpx;
   position: relative;
 }
 
@@ -74,7 +74,7 @@
 
 .amount-section {
   position: relative;
-  padding: 20rpx 30rpx;
+  padding: 5rpx 30rpx;
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -85,7 +85,7 @@
   top: 0rpx;
   left: 0;
   width: 30%;
-  height: 30%;
+  height: 40%;
   z-index: 0;
 }
 
@@ -251,7 +251,7 @@
 .user-card {
   background-color: #FAFCFF;
   border-radius: 20rpx 20rpx 0 0;
-  padding: 30rpx;
+  padding: 18rpx;
   position: relative;
   width: 100%;
   min-height: 220rpx;
@@ -301,7 +301,7 @@
 /* 水费金额卡片样式 */
 .amount-card {
   border-radius: 0 0 20rpx 20rpx;
-  padding: 30rpx;
+  padding: 10rpx 30rpx 30rpx 30rpx;
   position: relative;
   width: 100%;
   box-sizing: border-box;
@@ -316,7 +316,7 @@
   align-items: center;
   padding: 0 20rpx;
   border-radius: 30rpx;
-  margin: 20rpx 0 10rpx;
+  margin: 0rpx 0 0rpx;
   height: 50rpx;
   overflow: hidden;
 }