From dcfe83a022f2c4aa2a707baa6d5e98a67753bf76 Mon Sep 17 00:00:00 2001 From: zuoxiao <zuoxiao> Date: 星期二, 18 三月 2025 16:11:12 +0800 Subject: [PATCH] 添加clientId字段到全局状态,优化请求参数处理,更新页面路由,调整取水口和灌溉相关界面,增强用户体验。 --- pages/login/login.wxss | 190 +++++++++++++++++++++++++++++++++++++---------- 1 files changed, 149 insertions(+), 41 deletions(-) diff --git a/pages/login/login.wxss b/pages/login/login.wxss index c042c05..2f94d3c 100644 --- a/pages/login/login.wxss +++ b/pages/login/login.wxss @@ -1,15 +1,148 @@ /* pages/login/login.wxss */ - - .login-container { display: flex; flex-direction: column; - justify-content: flex-end; - height: 80vh; + height: 100vh; width: 100%; + background-color: #f5f5f5; } +.logo-container { + display: flex; + justify-content: center; + align-items: center; + padding: 60rpx 0; +} + +.logo-circle { + width: 200rpx; + height: 200rpx; + border-radius: 50%; + background: #1890FF; + display: flex; + justify-content: center; + align-items: center; + color: white; + font-size: 80rpx; + font-weight: bold; +} + +.form-container { + background-color: #fff; + border-radius: 20rpx; + margin: 0 40rpx; + padding: 40rpx; + box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1); +} + +.title { + font-size: 40rpx; + font-weight: bold; + color: #333; + margin-bottom: 40rpx; + text-align: center; +} + +.input-wrapper { + display: flex; + align-items: center; + border-bottom: 1rpx solid #e0e0e0; + margin-bottom: 40rpx; + padding-bottom: 20rpx; +} + +.input-icon { + width: 40rpx; + height: 40rpx; + margin-right: 20rpx; + display: flex; + justify-content: center; + align-items: center; + color: #1890FF; + font-weight: bold; + font-size: 32rpx; +} + +.user-icon::before { + content: "馃懁"; +} + +.lock-icon::before { + content: "馃敀"; +} + +.eye-open-icon::before { + content: "馃憗锔�"; +} + +.eye-close-icon::before { + content: "馃憗锔忊�嶐煑笍"; +} + +.input { + flex: 1; + height: 60rpx; + font-size: 32rpx; + color: #333; +} + +.password-toggle { + padding: 10rpx; + font-size: 32rpx; +} + +.login-btn-container { + margin-top: 60rpx; +} + +.login-button { + height: 90rpx; + background-color: #1890FF; + color: #fff; + font-size: 34rpx; + border-radius: 45rpx; + display: flex; + justify-content: center; + align-items: center; +} + +.footer-links { + display: flex; + justify-content: space-between; + margin-top: 40rpx; + font-size: 28rpx; +} + +.link { + color: #1aad19; +} + +.project-info { + position: fixed; + bottom: 40rpx; + width: 100%; + text-align: center; + font-size: 32rpx; + padding: 16rpx 0; + background-color: rgba(255, 255, 255, 0.8); + backdrop-filter: blur(5px); + box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1); +} + +.project-info text { + display: inline-block; + padding: 8rpx 24rpx; + color: #fff; + border-radius: 30rpx; + font-weight: 500; + box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.2); + background: linear-gradient(45deg, #1890FF, #36a9fc); +} + +.project-info.mq text { + background: linear-gradient(45deg, #18c063, #36d486); +} image { position: fixed; @@ -21,30 +154,6 @@ z-index: -999; } -.input { - flex: 1; - height: 30rpx; - padding: 10rpx; - border: 1px solid #ccc; - border-radius: 5px; - background-color: #fff; - font-size: 35rpx; - padding-left: 15rpx; -} - - -.input-wrapper { - - display: flex; - /* 浣跨敤 Flex 甯冨眬浣� text 鍜� input 鍦ㄥ悓涓�琛� */ - align-items: center; - justify-content: center; - margin-bottom: 40rpx; - margin-left: 40rpx; - margin-right: 40rpx; - -} - .input-label { flex: 1; /* 璁╁�煎崰鎹墿浣欑┖闂� */ @@ -52,7 +161,7 @@ width: 150rpx; margin-right: 10rpx; font-size: 31rpx; - color: #fff; + color: #333; font-weight: bold; text-align: justify; text-align-last: justify; @@ -64,18 +173,17 @@ align-items: center; } -.login-button { - margin-top: 50rpx; - margin-left: 40rpx; - margin-right: 40rpx; - height: 90rpx; - justify-content: center; /* 姘村钩灞呬腑 */ - align-items: center; /* 鍨傜洿灞呬腑 */ - display: flex; +.code-button { + width: 220rpx; + font-size: 28rpx; + color: #1890FF; + text-align: center; + padding: 10rpx 0; + border-left: 1rpx solid #e0e0e0; } -.code-button { - width: 50%; - font-size: 30rpx; - margin-left: 15rpx; +.code-button text { + display: block; + width: 100%; + height: 100%; } \ No newline at end of file -- Gitblit v1.8.0