页面问题修复

pages/FirstBangDing/FirstBangDing.wxml

@@ -5,21 +5,24 @@
     <image class="logo" src="{{images.logo}}" mode="aspectFit" />
   </view>
 
-  <!-- 欢迎卡片 -->
-  <view class="welcome-card">
-    <image class="card-bg" src="{{images.card}}" mode="aspectFill" />
-    <view class="card-content">
-      <view class="title">欢迎使用智慧水务</view>
-      <view class="subtitle">润/泽/千/家/万/户</view>
-      <view class="divider"></view>
-      <button class="bind-button" bindtap="goToBindHuhao">户号绑定</button>
+  <!-- 内容区域需要滚动的话，可以添加这个容器 -->
+  <view class="scrollable-content">
+    <!-- 欢迎卡片 -->
+    <view class="welcome-card">
+      <image class="card-bg" src="{{images.card}}" mode="aspectFill" />
+      <view class="card-content">
+        <view class="title">欢迎使用智慧水务</view>
+        <view class="subtitle">润/泽/千/家/万/户</view>
+        <view class="divider"></view>
+        <button class="bind-button" bindtap="goToBindHuhao">户号绑定</button>
+      </view>
     </view>
-  </view>
 
-  <!-- 通知列表 -->
-  <!-- <view class="notice-list">
-    <view class="notice-item" wx:for="{{notices}}" wx:key="index">
-      {{index + 1}}、{{item}}
-    </view>
-  </view> -->
+    <!-- 通知列表 -->
+    <!-- <view class="notice-list">
+      <view class="notice-item" wx:for="{{notices}}" wx:key="index">
+        {{index + 1}}、{{item}}
+      </view>
+    </view> -->
+  </view>
 </view>

pages/FirstBangDing/FirstBangDing.wxss

@@ -1,6 +1,11 @@
 /* pages/homepage/homepage.wxss */
 .container1 {
-  height: 90vh;
+  height: 100vh;
+  width: 100vw;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  left: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -50,17 +55,16 @@
 
 .card-bg {
   position: absolute;
-  width: 105%;
-  /* 宽度超出 .welcome-card 的 5%，实现覆盖效果 */
-  left: -2.5%;
+  width: 106%;
+  left: -3.5%;
   /* 向左偏移 2.5%，使背景居中 */
-  height: 104%;
+  margin-top: -1%;
+  height: 106%;
   /* 高度与 .welcome-card 一致 */
   opacity: 1;
   background-color: #f0f0f0;
   /* 背景色 */
   border-radius: 16rpx;
-  /* 圆角 */
 }
 
 .card-content {
@@ -155,4 +159,12 @@
   height: 0rpx;
   opacity: 1;
   border: 1rpx solid rgba(232, 232, 232, 1);
-}
+}
+
+/* 如果需要内容可滚动但背景固定，可以添加一个内容容器 */
+/* .scrollable-content {
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+} */

pages/baoxiudj/baoxiudj.wxml

@@ -45,9 +45,7 @@
   <view class="bill-card">
     <view class="card-title">故障说明<text class="required" wx:if="{{!isPreviewMode}}">*</text></view>
     <view class="solid-divider"></view>
-    <view class="fault-description">
       <textarea class="input-text" placeholder="请输入描述说明..." placeholder-class="placeholder-style" bindinput="inputDescription" value="{{description}}" data-field="description" disabled="{{isPreviewMode}}"></textarea>
-    </view>
     <view class="upload-section">
       <view class="upload-btn-container solid-border" wx:if="{{!isPreviewMode}}">
         <view class="upload-btn" bindtap="chooseImage">

pages/baoxiudj/baoxiudj.wxss

@@ -40,7 +40,7 @@
 .bill-card {
   background-color: #fff;
   border-radius: 16rpx;
-  padding: 30rpx;
+  padding: 15rpx 24rpx 15rpx 24rpx ;
   margin-bottom: 20rpx;
   box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
   position: relative;
@@ -85,12 +85,12 @@
 .card-title {
   font-size: 32rpx;
   color: #333;
-  font-weight: 500;
+  font-weight: 400;
   margin-bottom: 10rpx;
 }
 .reply-timenew {
   font-size: 32rpx;
-  color: #666;
+  color: rgba(170, 177, 192, 1);
   padding: 10rpx;
 }
 .input-right {
@@ -117,9 +117,7 @@
   color: #999;
 }
 
-.fault-description {
-  margin-bottom: 20rpx;
-}
+
 
 .fault-description textarea {
   width: 100%;

pages/homepage/homepage.js

@@ -381,5 +381,26 @@ Page({
         });
       }
     });
-  }
+  },
+
+  onPullDownRefresh: function() {
+    // 刷新数据
+    this.refreshData();
+  },
+
+  // 修改刷新数据的函数
+  refreshData: function() {
+    console.log('正在刷新数据...');
+    this.loadPageData();
+    // 刷新完成后停止下拉刷新动画
+    wx.stopPullDownRefresh({
+      success: (res) => {
+        wx.showToast({
+          title: '刷新成功',
+          icon: 'success',
+          duration: 1000
+        });
+      }
+    });
+  },
 })

pages/homepage/homepage.json

@@ -1,4 +1,7 @@
 {
   "usingComponents": {},
-  "navigationStyle": "custom"
+  "navigationStyle": "custom",
+  "enablePullDownRefresh": true,
+  "backgroundColor": "#f6f6f6",
+  "backgroundTextStyle": "dark"
 }

pages/homepage/homepage.wxss

@@ -1,7 +1,7 @@
 .container1 {
   display: flex;
   flex-direction: column;
-  background-color: #f5f5f5;
+  background-color: rgba(255, 255, 255, 1);
   min-height: 100vh;
   padding-bottom: 30rpx;
 }
@@ -51,6 +51,7 @@
 .info-row .label {
   color: rgba(163, 163, 163, 1);
   font-size: 30rpx;
+  font-weight: 400;
   width: 140rpx;
   margin-right: 30rpx;
 }
@@ -105,8 +106,8 @@
 
 .total-amount {
   font-size: 80rpx;
+  font-weight: 700;
   color: rgba(239, 93, 93, 1);
-  font-weight: bold;
 }
 
 .amount-label {
@@ -129,6 +130,7 @@
 .detail-item .number {
   display: block;
   font-size: 48rpx;
+  font-weight: 700;
   color: rgba(63, 65, 76, 1);
 }
 
@@ -150,7 +152,7 @@
 }
 
 .pay-btn {
-  width: 80%;
+  width: 100%;
   height: 80rpx;
   line-height: 80rpx;
   background-color: #0080ff;
@@ -165,7 +167,6 @@
   background-color: #ffffff;
   border-radius: 20rpx;
   padding: 30rpx;
-  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
 }
 
 .function-grid {
@@ -297,13 +298,14 @@
 
 /* 水费金额卡片样式 */
 .amount-card {
-  background-color: #FAFCFF;
   border-radius: 0 0 20rpx 20rpx;
   padding: 30rpx;
   position: relative;
   width: 100%;
   box-sizing: border-box;
   border-top: none;
+  background: linear-gradient(135deg, rgba(245, 249, 255, 1) 0%, rgba(252, 253, 255, 1) 50.4%, rgba(242, 247, 255, 1) 100%);
+  box-shadow: 0px 2px 4px  rgba(177, 191, 215, 0.6);
 }
 
 /* 通知轮播样式 */
@@ -387,4 +389,12 @@
   line-height: 1.4;
   padding-right: 10rpx;
   font-size: 28rpx;
+}
+
+/* 下拉刷新提示样式 */
+.refresh-tip {
+  text-align: center;
+  padding: 10px 0;
+  color: #666;
+  font-size: 14px;
 }

pages/huhaobangding/huhaobangding.js

@@ -332,5 +332,10 @@ Page({
     this.setData({
       showQueryMethods: false
     });
+  },
+
+  preventTouchMove: function(e) {
+    // 阻止蒙层的触摸移动事件传递，但允许drawer内部滚动
+    return false;
   }
 });

pages/huhaobangding/huhaobangding.wxml

@@ -94,8 +94,8 @@
   </picker-view>
 </view>
 
-<view class="drawer-mask" wx:if="{{showDrawer}}" bindtap="hideDrawer"></view>
-<view class="drawer-container {{showDrawer ? 'show' : ''}}">
+<view class="drawer-mask" wx:if="{{showDrawer}}" bindtap="hideDrawer" catchtouchmove="preventTouchMove"></view>
+<view class="drawer-container {{showDrawer ? 'show' : ''}}" catchtouchmove="{{showDrawer ? 'true' : 'false'}}">
   <view class="drawer-close"></view>
   <view class="drawer-title">获取户号方式</view>
 
@@ -131,7 +131,7 @@
 </view>
 
 <!-- 修改预览模态框部分 -->
-<view class="preview-modal {{showPreview ? 'show' : ''}}" bindtap="closePreview">
+<view class="preview-modal {{showPreview ? 'show' : ''}}" bindtap="closePreview" catchtouchmove="preventTouchMove">
   <view class="preview-content" catchtap="preventBubble">
     <image class="preview-image" src="{{ylt}}" mode="widthFix"></image>
     <view class="close-preview-btn" bindtap="closePreview">关闭</view>

pages/huhaoguanli/huhaoguanli.wxml

@@ -41,7 +41,7 @@
   
   <!-- 底部固定按钮 -->
   <view class="bottom-btn-container">
-    <button class="bind-new-btn" bindtap="goToBindNewHuHao">+绑定新户号</button>
+    <button class="bind-new-btn" bindtap="goToBindNewHuHao">绑定新户号</button>
   </view>
   
   <!-- 解绑确认弹窗 -->

pages/huhaoguanli/huhaoguanli.wxss

@@ -67,7 +67,6 @@
 .card-list {
   width: 100%;
   padding-bottom: 40rpx;
-  padding-top: 50rpx;
 }
 
 .card {
@@ -137,7 +136,7 @@
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  margin-top: 20rpx;
+  margin-top: 40rpx;
 }
 
 .button-group {
@@ -147,19 +146,20 @@
 }
 
 .unbind-btn {
-  font-size: 28rpx;
+  font-size: 30rpx  !important;
+  font-weight: 400 !important;
   padding: 8rpx 20rpx;
   background-color: rgba(239, 93, 93, 1);
   color: rgba(255, 255, 255, 1);
   border-radius: 30rpx;
-  border: 1px solid #ddd;
   min-width: auto;
   line-height: 1.8;
   margin: 0;
 }
 
 .default-btn {
-  font-size: 28rpx;
+  font-size: 30rpx;
+  font-weight: 400;
   padding: 8rpx 20rpx;
   background-color: #f0f8ff;
   color: #1976d2;
@@ -167,11 +167,11 @@
   border: 1px solid #bbdefb;
   min-width: auto;
   line-height: 1.8;
-  margin: 0;
 }
 
 .default-tag {
-  font-size: 28rpx;
+  font-size: 30rpx;
+  font-weight: 400;
   padding: 8rpx 20rpx;
   background-color: transparent;
   color: #2e7d32;
@@ -179,7 +179,6 @@
   border: 1px solid #2e7d32;
   border-radius: 30rpx;
   line-height: 1.8;
-  margin: 0;
 }
 
 /* 底部按钮容器 */
@@ -199,9 +198,10 @@
   width: 100%;
   height: 88rpx;
   line-height: 88rpx;
-  background-color: #1890ff;
+  background-color: rgba(46, 130, 255, 1);
   color: #fff;
   font-size: 32rpx;
+  font-weight: 600;
   border-radius: 44rpx;
 }
 
@@ -222,6 +222,7 @@
 .modal-content {
   position: relative;
   width: 600rpx;
+  height: 400rpx;
   background: #fff;
   border-radius: 20rpx;
   overflow: visible;
@@ -243,19 +244,20 @@
 }
 
 .modal-body {
-  padding: 60rpx 40rpx 40rpx;
+  padding: 100rpx 40rpx 40rpx;
 }
 
 .modal-title {
   font-size: 36rpx;
-  font-weight: bold;
+  font-weight: 500;
   text-align: center;
-  margin-bottom: 20rpx;
+  margin-bottom: 30rpx;
 }
 
 .modal-desc {
   font-size: 28rpx;
-  color: #999;
+  font-weight: 400;
+  color: rgba(134, 141, 155, 1);
   text-align: center;
   margin-bottom: 40rpx;
 }
@@ -271,7 +273,8 @@
   line-height: 80rpx;
   text-align: center;
   border-radius: 40rpx;
-  font-size: 32rpx;
+  font-size: 30rpx;
+  font-weight: 400;
 }
 
 .cancel-btn {
@@ -280,7 +283,7 @@
 }
 
 .confirm-btn {
-  background: #1890ff;
+  background: rgba(46, 130, 255, 1);
   color: #fff;
 }
 
@@ -343,7 +346,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border: 8rpx solid #3580f1;
+  border: 6rpx solid #ca188f;
   border-radius: 16rpx;
   pointer-events: none;
   z-index: 10;

pages/lijijiaofei/lijijiaofei.wxml

@@ -1,94 +1,92 @@
 <view class="container">
   <view class="fixed-back" bindtap="goBack">←</view>
-    <!-- 顶部导航以及背景 -->
-    <view class="header">
-      <image class="background" src="{{images.background}}" mode="widthFix" />
-    </view>
+  <!-- 顶部导航以及背景 -->
+  <view class="header">
+    <image class="background" src="{{images.background}}" mode="widthFix" />
+  </view>
 
-    <view style="height: 200rpx; background-color: #4285f4;"></view>
+  <view style="height: 200rpx; background-color: #4285f4;"></view>
 
-    <!-- 用户信息 -->
-    <view class="user-info-container">
-      <view class="user-info">
-        <view class="user-name">{{userInfo.name}}</view>
-        <view class="user-id">
-          <image src="/static_file/hh.png" class="id-icon"></image>
-          <text>{{userInfo.id}}</text>
-        </view>
-        <view class="user-address">
-          <image src="/static_file/location.png" class="address-icon"></image>
-          <text>{{userInfo.address}}</text>
-        </view>
-        <!-- <view class="change-btn" bindtap="switchMeter">切换水表</view> -->
+  <!-- 用户信息 -->
+  <view class="user-info-container">
+    <view class="user-info">
+      <view class="user-name">{{userInfo.name}}</view>
+      <view class="user-id">
+        <image src="/static_file/hh.png" class="id-icon"></image>
+        <text>{{userInfo.id}}</text>
+      </view>
+      <view class="user-address">
+        <image src="/static_file/location.png" class="address-icon"></image>
+        <text>{{userInfo.address}}</text>
       </view>
     </view>
+  </view>
 
-    <!-- 缴费金额 -->
-    <view class="payment-section">
-      <view class="amount-container">
-        <view class="amount-title">实缴金额</view>
-        <view class="amount-display">
-          <text class="amount-value">{{amount}}</text>
-          <text class="amount-unit">元</text>
-        </view>
+  <!-- 缴费金额 -->
+  <view class="payment-section">
+    <view class="amount-container">
+      <view class="amount-title">实缴金额</view>
+      <view class="amount-display">
+        <text class="amount-value">{{amount}}</text>
+        <text class="amount-unit">元</text>
+      </view>
 
-        <!-- 余额显示 -->
-        <view class="balance-info">
-          <text class="balance-label">应缴金额：</text>
-          <text class="balance-value">{{actualAmount}} </text><text class="balance-unit">元</text>
-          <text class="balance-label margin-left">余额：</text>
-          <text class="balance-value">{{balance}} </text><text class="balance-unit">元</text>
-        </view>
+      <!-- 余额显示 -->
+      <view class="balance-info">
+        <text class="balance-label">应缴金额：</text>
+        <text class="balance-value">{{actualAmount}} </text><text class="balance-unit">元</text>
+        <text class="balance-label margin-left">余额：</text>
+        <text class="balance-value">{{balance}} </text><text class="balance-unit">元</text>
+      </view>
 
-        <view class="quick-amount">
-          <view class="amount-btn {{selectedAmount == 10 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="10">10元</view>
-          <view class="amount-btn {{selectedAmount == 30 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="30">30元</view>
-          <view class="amount-btn {{selectedAmount == 50 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="50">50元</view>
-          <view class="amount-btn {{selectedAmount == 100 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="100">100元</view>
-          <view class="amount-btn {{selectedAmount == 200 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="200">200元</view>
-          <view class="amount-btn {{selectedAmount == 500 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="500">500元</view>
-          <view class="custom-input-container {{customAmount || inputFocus ? 'selected' : ''}}">
-            <text class="yuan-symbol">¥</text>
-            <input class="custom-amount-input" type="digit" bindinput="onCustomAmountInput"
-                   value="{{customAmount}}" placeholder="自定义金额"
-                   bindfocus="onInputFocus" bindblur="onInputBlur"
-                   maxlength="9"/>
-          </view>
+      <view class="quick-amount">
+        <view class="amount-btn {{selectedAmount == 10 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="10">10元</view>
+        <view class="amount-btn {{selectedAmount == 30 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="30">30元</view>
+        <view class="amount-btn {{selectedAmount == 50 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="50">50元</view>
+        <view class="amount-btn {{selectedAmount == 100 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="100">100元</view>
+        <view class="amount-btn {{selectedAmount == 200 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="200">200元</view>
+        <view class="amount-btn {{selectedAmount == 500 ? 'selected' : ''}}" bindtap="selectAmount" data-amount="500">500元</view>
+        <view class="custom-input-container {{customAmount || inputFocus ? 'selected' : ''}}">
+          <text class="yuan-symbol">¥</text>
+          <input class="custom-amount-input" type="digit" bindinput="onCustomAmountInput" value="{{customAmount}}" placeholder="自定义金额" bindfocus="onInputFocus" bindblur="onInputBlur" maxlength="9" />
         </view>
       </view>
     </view>
+  </view>
 
-    <!-- 温馨提示 - 调整位置 -->
-    <view class="tips">
-      <text class="tips-title">温馨提示：</text>
-      <text class="tips-content">若无应缴金额，系统将充值到余额。</text>
-    </view>
+  <!-- 温馨提示 - 调整位置 -->
+  <view class="tips">
+    <text class="tips-title">温馨提示：</text>
+    <text class="tips-content">若无应缴金额，系统将充值到余额。</text>
+  </view>
 
-    <!-- 缴费按钮 - 调整样式 -->
-    <view class="pay-btn" bindtap="payNow">立即缴费</view>
+  <!-- 缴费按钮 - 调整样式 -->
+  <view class="pay-btn" bindtap="payNow">立即缴费</view>
 
-    <!-- 数字键盘部分 -->
-    <view class="keyboard" wx:if="{{showKeyboard}}">
-      <view class="keyboard-row">
-        <view class="key" bindtap="inputNumber" data-number="1">1</view>
-        <view class="key" bindtap="inputNumber" data-number="2">2</view>
-        <view class="key" bindtap="inputNumber" data-number="3">3</view>
-        <view class="key delete" bindtap="deleteNumber"><image src="/images/delete-icon.png" mode="aspectFit"></image></view>
-      </view>
-      <view class="keyboard-row">
-        <view class="key" bindtap="inputNumber" data-number="4">4</view>
-        <view class="key" bindtap="inputNumber" data-number="5">5</view>
-        <view class="key" bindtap="inputNumber" data-number="6">6</view>
-        <view class="key confirm" bindtap="confirmInput">确定</view>
-      </view>
-      <view class="keyboard-row">
-        <view class="key" bindtap="inputNumber" data-number="7">7</view>
-        <view class="key" bindtap="inputNumber" data-number="8">8</view>
-        <view class="key" bindtap="inputNumber" data-number="9">9</view>
-      </view>
-      <view class="keyboard-row">
-        <view class="key zero" bindtap="inputNumber" data-number="0">0</view>
-        <view class="key" bindtap="inputNumber" data-number=".">.</view>
+  <!-- 数字键盘部分 -->
+  <view class="keyboard" wx:if="{{showKeyboard}}">
+    <view class="keyboard-row">
+      <view class="key" bindtap="inputNumber" data-number="1">1</view>
+      <view class="key" bindtap="inputNumber" data-number="2">2</view>
+      <view class="key" bindtap="inputNumber" data-number="3">3</view>
+      <view class="key delete" bindtap="deleteNumber">
+        <image src="/images/delete-icon.png" mode="aspectFit"></image>
       </view>
     </view>
+    <view class="keyboard-row">
+      <view class="key" bindtap="inputNumber" data-number="4">4</view>
+      <view class="key" bindtap="inputNumber" data-number="5">5</view>
+      <view class="key" bindtap="inputNumber" data-number="6">6</view>
+      <view class="key confirm" bindtap="confirmInput">确定</view>
+    </view>
+    <view class="keyboard-row">
+      <view class="key" bindtap="inputNumber" data-number="7">7</view>
+      <view class="key" bindtap="inputNumber" data-number="8">8</view>
+      <view class="key" bindtap="inputNumber" data-number="9">9</view>
+    </view>
+    <view class="keyboard-row">
+      <view class="key zero" bindtap="inputNumber" data-number="0">0</view>
+      <view class="key" bindtap="inputNumber" data-number=".">.</view>
+    </view>
+  </view>
 </view>

pages/lijijiaofei/lijijiaofei.wxss

@@ -1,7 +1,7 @@
 .container {
   display: flex;
   flex-direction: column;
-  background-color: #f5f5f5;
+  background-color: rgba(255, 255, 255, 1);
   min-height: 100vh;
   padding-bottom: 30rpx;
   position: relative;
@@ -56,7 +56,7 @@
 
 .user-info {
   background-color: transparent;
-  color: white;
+  color: rgba(255, 255, 255, 1);
   padding: 30rpx;
   border-radius: 20rpx;
   position: relative;
@@ -65,22 +65,23 @@
 
 .user-name {
   font-size: 40rpx;
-  font-weight: bold;
+  font-weight: 500;
   margin-bottom: 24rpx;
 }
 
 .user-id, .user-address {
   display: flex;
   align-items: center;
-  font-size: 30rpx;
+  font-size: 32rpx;
+  font-weight: 400;
   margin-bottom: 20rpx;
   color: rgba(255, 255, 255, 1);
 }
 
 .id-icon, .address-icon {
-  width: 32rpx;
-  height: 32rpx;
-  margin-right: 10rpx;
+  width: 40rpx !important;
+  height: 40rpx !important;
+  margin-right: 10rpx !important;
 }
 
 
@@ -158,8 +159,8 @@
 }
 
 .pay-btn {
-  background-color: #1989fa;
-  color: white;
+  background-color: rgba(46, 130, 255, 1);
+  color: rgba(255, 255, 255, 1);
   font-size: 36rpx;
   text-align: center;
   padding: 24rpx 0;
@@ -189,6 +190,7 @@
 .amount-title {
   font-size: 34rpx;
   color: rgba(46, 48, 56, 1);
+  font-weight: 500;
   margin-bottom: 10rpx;
 }
 
@@ -200,15 +202,15 @@
 }
 
 .amount-value {
-  font-size: 72rpx;
+  font-size: 80rpx;
   color: rgba(239, 93, 93, 1);
-  font-weight: bold;
+  font-weight: 700;
   line-height: 1;
 }
 
 .amount-unit {
-  font-size: 28rpx;
-  color: #333;
+  font-size: 30rpx;
+  color: rgba(46, 48, 56, 1);
   margin-left: 4rpx;
   margin-bottom: 10rpx;
 }
@@ -222,12 +224,12 @@
 }
 
 .balance-label {
-  color: #666;
+  color: rgba(46, 48, 56, 1);
 }
 
 .balance-value {
   color: rgba(239, 93, 93, 1);
-  font-weight: bold;
+  font-weight: 400;
 }
 
 .balance-unit {
@@ -251,10 +253,9 @@
   width: 30%;
   text-align: center;
   padding: 24rpx 0;
-  border: 2rpx solid #ddd;
   border-radius: 10rpx;
   margin-bottom: 24rpx;
-  font-size: 34rpx;
+  font-size: 32rpx;
   color: #333;
   background-color: rgba(242, 245, 250, 1);
 }
@@ -344,10 +345,9 @@ tips-content {
   width: 100%;
   display: flex;
   align-items: center;
-  border: 2rpx solid #ddd; /* 默认边框颜色与快捷金额按钮一致 */
   border-radius: 10rpx;
   margin-bottom: 24rpx;
-  padding: 0 10rpx;
+  padding: 0 24rpx;
   background-color: rgba(242, 245, 250, 1);
 }
 

pages/mine/mine.wxss

@@ -72,7 +72,7 @@
 
 .user-name {
   font-size: 40rpx;
-  font-weight: bold;
+  font-weight: 500;
   margin-bottom: 24rpx;
 }
 
@@ -80,13 +80,14 @@
   display: flex;
   align-items: center;
   font-size: 30rpx;
+  font-weight: 400;
   margin-bottom: 20rpx;
   color: rgba(255, 255, 255, 1);
 }
 
 .id-icon, .address-icon {
-  width: 32rpx;
-  height: 32rpx;
+  width: 40rpx !important;
+  height: 40rpx !important;
   margin-right: 10rpx;
 }
 
@@ -166,11 +167,12 @@
 
 .function-text {
   font-size: 32rpx;
+  padding: 24rpx;
   color: #333;
 }
 
 .arrow-icon {
-  width: 20rpx;
-  height: 30rpx;
+  width: 15rpx;
+  height: 23rpx;
   color: rgba(51, 51, 51, 1);
 }

pages/tousujianyi/tousujianyi.wxml

@@ -42,9 +42,7 @@
   <view class="bill-card">
     <view class="card-title">意见说明<text class="required" wx:if="{{!isPreviewMode}}">*</text></view>
     <view class="solid-divider"></view>
-    <view class="fault-description">
-      <textarea class="input-text" placeholder="请输入描述说明..." placeholder-class="placeholder-style" bindinput="inputDescription" value="{{description}}" data-field="description" disabled="{{isPreviewMode}}"></textarea>
-    </view>
+    <textarea class="input-text" placeholder="请输入描述说明..." placeholder-class="placeholder-style" bindinput="inputDescription" value="{{description}}" data-field="description" disabled="{{isPreviewMode}}"></textarea>
     <view class="upload-section">
       <view class="upload-btn-container solid-border" wx:if="{{!isPreviewMode}}">
         <view class="upload-btn" bindtap="chooseImage">

pages/tousujianyi/tousujianyi.wxss

@@ -47,9 +47,9 @@
 }
 
 /* 第一个卡片额外的顶部间距 */
-.first-card {
+/* .first-card {
   margin-top: 10rpx;
-}
+} */
 
 .bill-row {
   display: flex;
@@ -136,9 +136,6 @@
   color: #999;
 }
 
-.fault-description {
-  margin-bottom: 20rpx;
-}
 
 .fault-description textarea {
   width: 100%;
@@ -223,15 +220,16 @@
 
 .submit-btn {
   width: 90%;
-  height: 45px;
+  height: 90rpx;
   background-color: #0080ff;
   color: white;
-  border-radius: 22.5px;
-  font-size: 16px;
+  border-radius: 45rpx;
+  font-size: 36rpx;
+  font-weight: 600;
   display: flex;
   align-items: center;
   justify-content: center;
-  margin: 30px auto;
+  margin: 60rpx auto;
 }
 
 .submit-btn.disabled {
@@ -280,3 +278,13 @@ input[disabled], textarea[disabled] {
   color: #333;
   background-color: transparent;
 }
+
+/* 自定义单选按钮的选中颜色 */
+radio .wx-radio-input.wx-radio-input-checked {
+  background-color: rgba(46, 130, 255, 1) !important; 
+  border-color: rgba(46, 130, 255, 1) !important;  
+}
+
+radio .wx-radio-input.wx-radio-input-checked::before {
+  color: #ffffff !important;  /* 选中后中间的对勾颜色 */
+}

pages/zhangdanlist/zhangdanlist.js

@@ -82,7 +82,6 @@ Page({
           '!SAAS_LOGIN_TOKEN_!': app.globalData.currentAccountInfo.dsKey
         },
         success(res) {
-          debugger
           wx.hideLoading();
           let apiReturnData = res.data;
           _this.setData({

pages/zhangdanlist/zhangdanlist.wxss

@@ -64,21 +64,22 @@
 
 .user-name {
   font-size: 40rpx;
-  font-weight: bold;
+  font-weight: 500;
   margin-bottom: 20rpx;
 }
 
 .user-id, .user-address {
   display: flex;
   align-items: center;
-  font-size: 28rpx;
-  margin-bottom: 10rpx;
-  color: rgba(255, 255, 255, 0.9);
+  font-size: 30rpx;
+  font-weight: 400;
+  margin-bottom: 20rpx;
+  color: rgba(255, 255, 255, 1);
 }
 
 .id-icon, .address-icon {
-  width: 30rpx;
-  height: 30rpx;
+  width: 40rpx;
+  height: 40rpx;
   margin-right: 10rpx;
 }
 
@@ -116,7 +117,7 @@
 /* 修改搜索容器样式 */
 .search-container {
   position: fixed;
-  top: 395rpx; /* 调整位置到用户信息下方 */
+  top: 405rpx; /* 调整位置到用户信息下方 */
   left: 0;
   width: 37%;
   padding: 0 30rpx;
@@ -149,7 +150,7 @@
 /* 调整账单列表容器位置 */
 .bill-list-wrapper {
   position: fixed;
-  top: 480rpx; /* 调整位置，为搜索按钮留出空间 */
+  top: 490rpx; /* 调整位置，为搜索按钮留出空间 */
   left: 0;
   width: 100%;
   height: calc(100vh - 450rpx);
@@ -176,10 +177,11 @@
 }
 
 .bill-date {
-  background-color: #f5f5f5;
+  background: rgba(247, 248, 249, 1);
   padding: 20rpx 30rpx;
-  font-size: 28rpx;
-  color: #333;
+  font-size: 34rpx;
+  font-weight: 500;
+  color: rgba(22, 23, 27, 1);
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -213,8 +215,8 @@
 }
 
 .water-icon {
-  width: 45rpx;
-  height: 45rpx;
+  width: 52rpx;
+  height: 56rpx;
 }
 
 /* 账单信息左侧区域 */
@@ -225,6 +227,7 @@
 /* 账单信息右侧区域 */
 .bill-info-right {
   text-align: right;
+  margin-top: -70rpx;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -233,40 +236,42 @@
 /* 移除之前的水滴图标样式 */
 .bill-number {
   font-size: 36rpx;
+  font-weight: 600;
   color: rgba(46, 48, 56, 1);
   margin-bottom: 10rpx;
 }
 
 .bill-amount {
   font-size: 40rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 10rpx;
+  font-weight: 500;
+  color: rgba(46, 48, 56, 1);
 }
 
 .bill-usage {
   font-size: 30rpx;
+  font-weight: 400;
   color: rgba(100, 108, 128, 1);
-  margin-bottom: 10rpx;
+  margin-bottom: 15rpx;
 }
 
 .bill-payment-time {
-  font-size: 26rpx;
+  font-size: 28rpx;
+  font-weight: 400;
   color: rgba(100, 108, 128, 1);
-  margin-bottom: 10rpx;
 }
 
 .bill-status {
   font-size: 26rpx;
+  font-weight: 400;
   text-align: right;
 }
 
 .paid {
-  color: #07c160;
+  color: rgba(44, 232, 94, 1);
 }
 
 .unpaid {
-  color: #ff4d4f;
+  color: rgba(239, 93, 93, 1);
 }
 
 .no-more {

pages/zhangdanxiangqing/zdxiangqing.wxss

@@ -1,6 +1,6 @@
 .container4 {
   padding: 30rpx;
-  background-color: #F5F5F5;
+  background-color: rgba(242, 246, 250, 1);
   min-height: 100vh;
   display: flex;
   flex-direction: column;
@@ -68,8 +68,8 @@
 .bill-card {
   background: #fff;
   border-radius: 16rpx;
-  margin: 0rpx 2rpx 20rpx 2rpx;
-  padding: 30rpx 30rpx 30rpx 30rpx;
+  margin: 0rpx 2rpx 15rpx 2rpx;
+  padding: 25rpx 24rpx 25rpx 24rpx;
   background: rgba(255, 255, 255, 1);
 }
 
@@ -81,14 +81,16 @@
 
 /* 列名样式 */
 .bill-row .label {
-  color: rgba(46, 48, 56, 1);
+  color: #2e3038;
   font-size: 32rpx;
+  font-weight: 400;
 }
 
 /* 数据值样式 */
 .bill-row .value {
-  color: rgba(104, 108, 128, 1);
-  font-weight: 500;
+  color: #686c80;
+  font-size: 32rpx;
+  font-weight: 400;
 }