From 78ac2ed331386c86f9efaa6a8c607be079b8ec78 Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期四, 28 八月 2025 21:16:00 +0800
Subject: [PATCH] 民勤修改需要登录
---
pages/waterIntake/waterIntake.wxss | 316 +++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 295 insertions(+), 21 deletions(-)
diff --git a/pages/waterIntake/waterIntake.wxss b/pages/waterIntake/waterIntake.wxss
index 56c304a..d538a5b 100644
--- a/pages/waterIntake/waterIntake.wxss
+++ b/pages/waterIntake/waterIntake.wxss
@@ -1,5 +1,5 @@
.container {
- padding: 5rpx 20rpx;
+ padding: 0;
background-color: #fff;
width: 100%;
height: 100vh;
@@ -29,48 +29,98 @@
z-index: 0;
display: flex;
flex-direction: column;
- padding-bottom: 20rpx; /* 澧炲姞搴曢儴濉厖 */
+ padding: 20rpx;
+ background-color: #f5f5f5;
+ box-sizing: border-box;
+ /* 闅愯棌婊氬姩鏉� */
+ -webkit-overflow-scrolling: touch;
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+}
+
+.list-container::-webkit-scrollbar {
+ display: none;
+ width: 0;
+ height: 0;
+ color: transparent;
+ background: transparent;
+}
+
+/* 涓哄井淇″皬绋嬪簭娣诲姞鐗瑰畾鏍峰紡 */
+.list-container {
+ -webkit-overflow-scrolling: touch;
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+ overflow: -moz-scrollbars-none;
}
.item {
display: flex;
align-items: center;
justify-content: space-between;
- padding: 15px 20rpx;
- border-bottom: 1px solid #eee;
+ padding: 30rpx;
+ margin: 0 20rpx 20rpx 10rpx;
+ background-color: #ffffff;
+ border-radius: 12rpx;
+ box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+ transition: all 0.3s ease;
+ box-sizing: border-box;
+ width: calc(100% - 20rpx);
+}
+
+.item:active {
+ transform: scale(0.98);
+ box-shadow: 0 1rpx 5rpx rgba(0, 0, 0, 0.1);
}
.item-left {
display: flex;
align-items: center;
+ flex: 1;
+ padding-right: 20rpx;
}
-.item-left text{
- font-size: 40rpx;
- min-width: 150rpx;
+.item-img-left {
+ width: 48rpx;
+ height: 48rpx;
+ margin-right: 20rpx;
+}
+
+.water-intake-name {
+ font-size: 36rpx !important;
+ color: #333;
+ font-weight: 500;
}
.item-img {
- width: 40rpx;
- height: 40rpx;
- margin-left: 20rpx;
+ width: 32rpx;
+ height: 32rpx;
+ margin-left: 16rpx;
}
.item-button {
display: flex;
- height: 80rpx;
- padding: 0 60rpx;
- background-color: #1890FF;
+ height: 64rpx;
+ min-width: 120rpx;
+ padding: 0 32rpx;
+ background: linear-gradient(135deg, #1890FF, #096DD9);
color: white;
border: none;
- border-radius: 20rpx;
- font-size: 30rpx;
+ border-radius: 32rpx;
+ font-size: 28rpx;
+ font-weight: 500;
align-items: center;
justify-content: center;
+ box-shadow: 0 4rpx 12rpx rgba(24, 144, 255, 0.2);
+ transition: all 0.3s ease;
+ margin-left: auto;
}
+
.item-button:active {
- background-color: #7c7c7c; /* Change to a darker color when pressed */
+ transform: scale(0.95);
+ box-shadow: 0 2rpx 6rpx rgba(24, 144, 255, 0.2);
}
+
.indicator {
width: 100%;
height: 3px;
@@ -137,10 +187,6 @@
flex-direction: column;
padding-bottom: 10rpx; /* 澧炲姞搴曢儴濉厖 */
}
-.dialog{
- --td-dialog-content-font-size:40rpx;
- --td-dialog-content-line-height:50rpx
-}
.error-dialog{
--td-dialog-title-color:red;
@@ -161,4 +207,232 @@
.result-item {
padding: 20rpx;
border-bottom: 1px solid #eaeaea;
-}
\ No newline at end of file
+}
+
+.item-balance-img {
+ width: 50rpx;
+ height: 40rpx;
+ }
+
+ .item-bottom {
+ display: flex;
+ margin-top: 10rpx;
+ align-items: center;
+ /* 鍨傜洿灞呬腑 */
+ }
+
+ .item-card {
+ margin-left: 10rpx;
+ }
+
+ .item-card text {
+ font-size: 35rpx;
+ color: #fff;
+ }
+
+ .item-balance-text {
+ color: #fff;
+ font-size: 50rpx;
+ margin-left: 5rpx;
+ }
+
+ .item-balance-text-red {
+ color: #FF6A6A;
+ font-size: 50rpx;
+ margin-left: 5rpx;
+ }
+
+ .item-button-gray {
+ margin-left: auto;
+ /* 灏嗘寜閽浐瀹氬湪鍙宠竟 */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ /* 浣挎寜閽唴閮ㄦ按骞冲拰鍨傜洿灞呬腑 */
+ background-color: #8B8989;
+ color: #FF6A6A;
+ padding-left: 40rpx;
+ padding-right: 40rpx;
+ padding-bottom: 10rpx;
+ padding-top: 10rpx;
+ border-radius: 30rpx;
+ font-size: 35rpx;
+ border: none;
+ }
+
+ .item-balance-text-yuan {
+ color: white;
+ margin-left: 10rpx;
+ margin-bottom: 10rpx;
+ font-size: 30rpx;
+ }
+
+ .item-balance-text-yuan-red {
+ color: #FF6A6A;
+ margin-left: 10rpx;
+ margin-bottom: 10rpx;
+ font-size: 30rpx;
+ }
+
+ .item-balance {
+ display: flex;
+ align-items: flex-end;
+ /* 搴曢儴瀵归綈 */
+ }
+
+ .dialog {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 80%;
+ z-index: 999;
+ /* 淇濊瘉 Dialog 鍦ㄨ挋灞備箣涓� */
+ }
+
+ .dialog-content {
+ margin-top: 50rpx;
+ padding: 20px;
+ /* Optional: 璁剧疆鏈�澶ч珮搴︼紝浠ラ槻鍐呭杩囧 */
+ background-color: #fff;
+ border-radius: 10px;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ }
+
+ .dialog-title {
+ font-size: 38rpx;
+ margin-bottom: 20rpx;
+ text-align: center;
+ }
+
+ .dialog-title-text {
+ font-size: 38rpx;
+ margin-bottom: 20rpx;
+ text-align: center;
+ }
+
+ .dialog-title-img {
+ width: 50rpx;
+ height: 50rpx;
+ position: absolute;
+ left: 0; /* 闈犲乏瀵归綈 */
+ margin-left: 40rpx;
+ }
+
+ button {
+ display: block;
+ width: 100%;
+ margin: 10rpx 0;
+ padding: 10rpx;
+ border: none;
+ background-color: #007aff;
+ color: #fff;
+ border-radius: 15rpx;
+ text-align: center;
+ font-size: 30rpx;
+ }
+
+ .overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ /* 榛戣壊鍗婇�忔槑 */
+ z-index: 998;
+ /* 淇濊瘉钂欏眰鍦ㄦ渶涓婂眰 */
+ }
+
+ .close {
+ left: 50%;
+ width: 80rpx;
+ height: 80rpx;
+ z-index: 1000;
+ margin-top: -50rpx;
+ position: absolute;
+ transform: translate(-50%);
+ }
+
+ .row {
+ display: flex;
+ justify-content: space-around;
+ }
+
+ .chose-wrapper {
+ display: flex;
+ align-items: flex-end;
+ /* 搴曢儴瀵归綈 */
+ justify-content: center;
+ /* 姘村钩灞呬腑 */
+ }
+
+ .chose-number {
+ font-size: 40rpx;
+ }
+
+ .chose-label {
+ font-size: 30rpx;
+ margin-left: 5rpx;
+ margin-bottom: 5rpx;
+ }
+
+ .choseitem text {
+ color: #1890FF;
+ }
+
+
+
+
+ .choseitem {
+ background-color: rgba(80, 78, 78, 0.082);
+ border-radius: 5px;
+ width: 100%;
+ height: 5vh;
+ margin-left: 20rpx;
+ margin-top: 10rpx;
+ margin-right: 20rpx;
+ margin-bottom: 10rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .choseitemactive {
+ background-color: #1890FF;
+ border-radius: 5px;
+ width: 100%;
+ height: 5vh;
+ margin-left: 20rpx;
+ margin-top: 10rpx;
+ margin-right: 20rpx;
+ margin-bottom: 10rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .box {
+ padding: 32rpx;
+ display: flex;
+ justify-content: space-between;
+ background-color: var(--td-bg-color-container, #fff);
+ }
+
+ .open-time {
+ align-items: center;
+ justify-content: center;
+ display: flex;
+ margin-bottom: 20rpx;
+ font-size: 30rpx;
+ }
+
+ .item-gray {
+ background-color: #D3D3D3;
+ margin-top: 20rpx;
+ margin-left: 20rpx;
+ margin-right: 20rpx;
+ padding: 30rpx;
+ border-radius: 30rpx;
+ }
+
\ No newline at end of file
--
Gitblit v1.8.0