部分样式修复/缴费记录/水电费明细样式修改完成

pages/wae/waeRecords.vue

@@ -16,6 +16,10 @@
         :key="index"
         @click="toDetail(item)"
       >
+		<view class="record-icon">
+			<image src="/static/icon/水费.png" class="icon-1" v-if="item.feeType=='水费'"></image>
+			<image src="/static/icon/电费.png" class="icon-2" v-else></image>
+		</view>
         <!-- 左侧信息 -->
         <view class="record-left">
           <text class="record-title">{{ item.feeType }}（{{ item.period }}）</text>
@@ -75,7 +79,7 @@ export default {
 
 <style lang="scss" scoped>
 .water-electric-page {
-  padding: 175rpx 20rpx 20rpx 20rpx;
+  padding: 120rpx 20rpx 20rpx 20rpx;
   
   .header {
     background-color: #fff;
@@ -103,6 +107,21 @@ export default {
     margin-bottom: 20rpx;
     padding: 24rpx 30rpx;
     box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
+	
+	.record-icon{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		.icon-1{
+			width: 33rpx;
+			height: 47rpx;
+		}
+		
+		.icon-2{
+			width: 35rpx;
+			height: 57rpx;
+		}
+	}
 
     .record-left {
       display: flex;
@@ -110,14 +129,14 @@ export default {
       gap: 10rpx;
 
       .record-title {
-        font-size: 28rpx;
-        font-weight: 600;
-        color: #333;
+        font-size: 30rpx;
+        font-weight: 500;
+        color: #2D2B2C;
       }
 
       .record-time {
         font-size: 24rpx;
-        color: #888;
+        color: #86868C;
       }
     }
 
@@ -125,8 +144,8 @@ export default {
       display: flex;
       align-items: center;
       font-size: 30rpx;
-      font-weight: 600;
-      color: #333;
+      font-weight: 400;
+      color: #222222;
 
       .amount {
         display: flex;