From fe3ce21a469f7e2584dbcb85cb75022d149f436c Mon Sep 17 00:00:00 2001 From: zuoxiao <zuoxiao> Date: 星期二, 25 三月 2025 19:28:56 +0800 Subject: [PATCH] 更新灌溉计划页面,添加项目选择器和总灌溉时间计算功能;优化界面样式,增加SVG图标;修复项目列表和轮灌组显示逻辑;调整配置文件,添加libVersion字段。 --- pages/waterIntake/waterIntake.wxss | 270 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 265 insertions(+), 5 deletions(-) diff --git a/pages/waterIntake/waterIntake.wxss b/pages/waterIntake/waterIntake.wxss index 948121e..58a1612 100644 --- a/pages/waterIntake/waterIntake.wxss +++ b/pages/waterIntake/waterIntake.wxss @@ -137,10 +137,7 @@ 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; @@ -179,4 +176,267 @@ .water-intake-name { font-size: 50rpx !important; margin-left: 15rpx; -} \ 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 { + margin-left: auto; + /* 灏嗘寜閽浐瀹氬湪鍙宠竟 */ + display: flex; + align-items: center; + justify-content: center; + /* 浣挎寜閽唴閮ㄦ按骞冲拰鍨傜洿灞呬腑 */ + background-color: #32CD32; + color: white; + padding-left: 40rpx; + padding-right: 40rpx; + padding-bottom: 10rpx; + padding-top: 10rpx; + border-radius: 30rpx; + font-size: 35rpx; + border: none; + } + + .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; + /* 搴曢儴瀵归綈 */ + } + + .list-container { + display: flex; + flex-grow: 1; /* 鍗犳弧鍓╀綑楂樺害 */ + padding-bottom: 30rpx; + height: 100%; + flex-direction: column; /* 纭繚鍐呴儴鍏冪礌鎸夊垪鎺掑垪 */ + } + + .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 { + background-color: #1890FF; + margin-top: 20rpx; + margin-left: 20rpx; + margin-right: 20rpx; + padding: 30rpx; + border-radius: 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