From 6ae0924bdb44e8b1f569b6f1cdb6ff403e1d2ce3 Mon Sep 17 00:00:00 2001 From: zuoxiao <zuoxiao> Date: 星期一, 28 四月 2025 10:15:33 +0800 Subject: [PATCH] 优化首页和灌溉页面的样式,添加当前项目显示;重构项目配置,确保项目登录需求一致性;更新登录页面逻辑,简化项目选择和信息展示,提升用户体验。 --- pages/irrigation/irrigation.wxss | 118 ++++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 109 insertions(+), 9 deletions(-) diff --git a/pages/irrigation/irrigation.wxss b/pages/irrigation/irrigation.wxss index 690a85d..946dcd9 100644 --- a/pages/irrigation/irrigation.wxss +++ b/pages/irrigation/irrigation.wxss @@ -22,7 +22,7 @@ .tab { flex: 1; text-align: center; - font-size: 28rpx; + font-size: 29rpx; color: #666; position: relative; padding: 20rpx 0; @@ -39,7 +39,7 @@ bottom: 0; left: 50%; transform: translateX(-50%); - width: 40rpx; + width: 50rpx; height: 4rpx; background-color: #0052d9; border-radius: 2rpx; @@ -81,19 +81,24 @@ } .status-tag.draft { - background-color: #ff9d00; + background-color: #9E9E9E; } .status-tag.published { - background-color: #0052d9; + background-color: #90CAF9; } .status-tag.executing { - background-color: #00a870; + background-color: #2196F3; } .status-tag.completed { - background-color: #999; + background-color: #4CAF50; +} + +.status-tag.terminated { + background-color: #F44336; + color: #ffffff; } /* 鍐呭鍖哄煙鏍峰紡 */ @@ -114,7 +119,7 @@ } .project-name { - font-size: 26rpx; + font-size: 28rpx; color: #666; } @@ -178,13 +183,13 @@ } .info-label { - font-size: 24rpx; + font-size: 26rpx; color: #999; margin-bottom: 4rpx; } .info-value { - font-size: 28rpx; + font-size: 29rpx; color: #333; } @@ -252,6 +257,10 @@ background-color: #1890FF !important; } +.delete-button { + background-color: #ff4d4f !important; +} + .stop-button { background-color: #ff4d4f !important; } @@ -314,6 +323,10 @@ opacity: 0.8 !important; } +.delete-button-hover { + opacity: 0.8 !important; +} + .stop-button-hover { opacity: 0.8 !important; } @@ -324,4 +337,91 @@ .add-button-hover { opacity: 0.8; +} + +/* 鍔犺浇鏇村鏍峰紡 */ +.loading-more-container { + padding: 20rpx 0; + text-align: center; +} + +.loading-more { + display: flex; + align-items: center; + justify-content: center; + padding: 20rpx 0; +} + +.loading-dot { + width: 16rpx; + height: 16rpx; + border-radius: 50%; + background-color: #0052d9; + margin: 0 8rpx; + animation: loading 1.4s infinite ease-in-out both; +} + +.loading-dot:nth-child(1) { + animation-delay: -0.32s; +} + +.loading-dot:nth-child(2) { + animation-delay: -0.16s; +} + +@keyframes loading { + 0%, 80%, 100% { + transform: scale(0); + } + 40% { + transform: scale(1); + } +} + +.loading-more text { + margin-left: 12rpx; + font-size: 28rpx; + color: #999; +} + +.no-more-data { + color: #999; + font-size: 26rpx; + line-height: 80rpx; +} + +/* 鍒锋柊鍔ㄧ敾鏍峰紡 */ +.refresh-view { + text-align: center; + height: 80rpx; + line-height: 80rpx; + display: flex; + justify-content: center; + align-items: center; +} + +.refresh-view .dot { + width: 16rpx; + height: 16rpx; + background-color: #0052d9; + border-radius: 50%; + margin: 0 8rpx; + animation: refresh 1.4s infinite ease-in-out both; +} + +.refresh-view .dot:nth-child(1) { + animation-delay: -0.32s; +} + +.refresh-view .dot:nth-child(2) { + animation-delay: -0.16s; +} + +@keyframes refresh { + 0%, 80%, 100% { + transform: scale(0); + } + 40% { + transform: scale(1); + } } \ No newline at end of file -- Gitblit v1.8.0