From 91751b1b9b16c0044e16ad80c237b7275a409046 Mon Sep 17 00:00:00 2001
From: zuoxiao <470321431@qq.com>
Date: 星期四, 06 三月 2025 14:47:12 +0800
Subject: [PATCH] 修改首页和登录相关
---
pages/home/home.wxss | 359 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 343 insertions(+), 16 deletions(-)
diff --git a/pages/home/home.wxss b/pages/home/home.wxss
index 336ac99..e653d5c 100644
--- a/pages/home/home.wxss
+++ b/pages/home/home.wxss
@@ -1,6 +1,6 @@
/* pages/home/home.wxss */
.base-wrapper {
- background-color: #f5f5f5;
+ background-color: #ececec;
width: 100%;
height: 100vh;
overflow: hidden;
@@ -76,6 +76,7 @@
.head-text-wrapper text {
color: #fff;
+ font-size: 32rpx;
}
.balance-label {
@@ -148,14 +149,14 @@
.list-item {
background-color: #fff;
- margin-top: 2rpx;
+ margin-bottom: 2rpx;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 30rpx;
padding-right: 30rpx;
- padding-top: 20rpx;
- padding-bottom: 20rpx;
+ padding-top: 30rpx;
+ padding-bottom: 30rpx;
margin-left: 20rpx;
margin-right: 20rpx;
}
@@ -213,12 +214,17 @@
/* 鍘绘帀鎸夐挳杈规 */
border-radius: 5px;
/* 鎸夐挳鍦嗚 */
- padding-left: 20rpx;
- padding-right: 20rpx;
- padding-top: 5rpx;
- padding-bottom: 5rpx;
+ padding-left: 25rpx;
+ padding-right: 25rpx;
+ padding-top: 15rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-bottom: 15rpx;
}
-
+.refresh-button:active{
+ background-color: #7c7c7c; /* Change to a darker color when pressed */
+}
.refresh-view {
text-align: center;
padding: 30rpx;
@@ -245,14 +251,19 @@
}
@keyframes blink {
- 0%, 80%, 100% {
+
+ 0%,
+ 80%,
+ 100% {
opacity: 0;
}
+
40% {
opacity: 1;
}
}
-.switch{
+
+.switch {
--td-switch-checked-color: #1890FF;
}
@@ -261,9 +272,12 @@
display: flex;
align-items: center;
}
-.item-left text{
+
+.item-left text {
font-size: 40rpx;
+ min-width: 150rpx;
}
+
.item-img {
width: 40rpx;
/* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */
@@ -271,7 +285,320 @@
/* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */
margin-left: 20rpx;
}
-.t-dialog{
- --td-dialog-content-font-size:40rpx;
- --td-dialog-content-line-height:50rpx
-}
\ No newline at end of file
+
+.dialog {
+ --td-dialog-content-font-size: 40rpx;
+ --td-dialog-content-line-height: 50rpx
+}
+
+.noMore-View-home {
+ display: flex;
+ flex-direction: column;
+ /* 纭繚瀛愬厓绱犵旱鍚戞帓鍒� */
+ justify-content: center;
+ /* 鍨傜洿灞呬腑 */
+ align-items: center;
+ /* 姘村钩灞呬腑 */
+ height: 100%;
+ /* 璁╁鍣ㄩ珮搴﹀崰婊＄埗鍏冪礌 */
+}
+
+.item-button {
+ display: flex;
+ height: 80rpx;
+ padding: 0 60rpx;
+ background-color: #1890FF;
+ color: white;
+ border: none;
+ border-radius: 20rpx;
+ font-size: 30rpx;
+ align-items: center;
+ justify-content: center;
+}
+
+.item-button:active {
+ background-color: #7c7c7c; /* Change to a darker color when pressed */
+}
+
+.divider {
+ width: 100%;
+ margin-top: 2rpx;
+ /* background-color: #e0e0e0; */
+}
+
+
+.error-dialog {
+ --td-dialog-title-color: red;
+ --td-dialog-title-font-size: 40rpx;
+}
+
+.scen-view {
+ position: absolute;
+ /* 娣诲姞杩欒 */
+ top: 15rpx;
+ /* 鏍规嵁闇�瑕佽皟鏁磋窛绂婚《閮ㄧ殑璺濈 */
+ right: 30rpx;
+ /* 鏍规嵁闇�瑕佽皟鏁磋窛绂诲彸渚х殑璺濈 */
+ display: flex;
+ align-items: center;
+ /* 鍨傜洿鏂瑰悜灞呬腑 */
+ justify-content: space-between;
+}
+
+.scen-code {
+ width: 40rpx;
+ height: 40rpx;
+}
+
+.scen-view text {
+ font-size: 30rpx;
+ color: #ffffff;
+}
+
+.project-select-container {
+ padding: 20rpx 0;
+}
+
+.project-select-container .t-radio {
+ margin-bottom: 20rpx;
+ padding: 10rpx 0;
+}
+
+.project-select-container .t-radio:last-child {
+ margin-bottom: 0;
+}
+
+.project-select-container .t-radio__label {
+ font-size: 28rpx;
+ color: #333;
+}
+
+.project-select-container .t-radio--checked {
+ background: #e6f4ff;
+}
+
+/* 寮圭獥鎸夐挳鏍峰紡 */
+.dialog__button-group {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 32rpx;
+}
+
+.dialog__button-group .t-button {
+ flex: 1;
+ margin: 0 16rpx;
+}
+
+.dialog__button-group .t-button:first-child {
+ margin-left: 0;
+}
+
+.dialog__button-group .t-button:last-child {
+ margin-right: 0;
+}
+
+.project-select-popup {
+ background-color: #fff;
+ border-radius: 16rpx;
+ width: 600rpx;
+}
+
+.popup-title {
+ font-size: 32rpx;
+ font-weight: bold;
+ text-align: center;
+ padding: 32rpx;
+ border-bottom: 1px solid #f0f0f0;
+}
+
+.popup-content {
+ padding: 32rpx;
+}
+
+.radio-group {
+ display: flex;
+ flex-direction: column;
+ gap: 20rpx;
+}
+
+.radio-group .t-radio {
+ margin-bottom: 20rpx;
+ padding: 20rpx;
+ background: #f5f5f5;
+ border-radius: 8rpx;
+}
+
+.radio-group .t-radio:last-child {
+ margin-bottom: 0;
+}
+
+.popup-footer {
+ padding: 32rpx;
+ border-top: 1px solid #f0f0f0;
+}
+
+.dialog-content {
+ padding: 32rpx;
+ max-height: 60vh;
+}
+
+.project-options {
+ display: flex;
+ flex-direction: column;
+ gap: 20rpx;
+}
+
+.project-option {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 30rpx;
+ background: #f5f5f5;
+ border-radius: 8rpx;
+ font-size: 32rpx;
+}
+
+.project-option.selected {
+ background: #e6f4ff;
+ border: 2rpx solid #1890FF;
+}
+
+.selected-icon {
+ width: 40rpx;
+ height: 40rpx;
+}
+
+.project-dialog-content {
+ padding: 20rpx;
+}
+
+.project-item {
+ margin: 20rpx 0;
+ padding: 30rpx;
+ background-color: #f5f5f5;
+ border-radius: 8rpx;
+ text-align: center;
+ font-size: 32rpx;
+}
+
+.project-item-selected {
+ background-color: #e6f4ff;
+ color: #1890FF;
+ border: 2rpx solid #1890FF;
+}
+
+.radio-content {
+ padding: 30rpx 20rpx 10rpx;
+}
+
+.radio-content .t-radio {
+ margin-bottom: 20rpx;
+ padding: 20rpx;
+ background-color: #f5f5f5;
+ border-radius: 8rpx;
+}
+
+.radio-content .t-radio--checked {
+ background-color: #e6f4ff;
+}
+
+.project-modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 9999;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.project-modal-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.project-modal-content {
+ position: relative;
+ width: 80%;
+ max-width: 600rpx;
+ background-color: #fff;
+ border-radius: 16rpx;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+}
+
+.project-modal-header {
+ padding: 30rpx;
+ text-align: center;
+ border-bottom: 1rpx solid #f0f0f0;
+}
+
+.project-modal-title {
+ font-size: 36rpx;
+ font-weight: bold;
+ color: #333;
+}
+
+.project-modal-body {
+ padding: 30rpx;
+}
+
+.project-modal-tip {
+ display: block;
+ font-size: 28rpx;
+ color: #999;
+ margin-bottom: 30rpx;
+ text-align: center;
+}
+
+.project-radio-group {
+ display: flex;
+ flex-direction: column;
+ gap: 20rpx;
+}
+
+.project-radio {
+ display: flex;
+ align-items: center;
+ padding: 20rpx;
+ background-color: #f5f5f5;
+ border-radius: 8rpx;
+}
+
+.project-radio-selected {
+ background-color: #e6f4ff;
+ border: 2rpx solid #1890FF;
+}
+
+.project-radio text {
+ margin-left: 10rpx;
+ font-size: 32rpx;
+}
+
+.project-modal-footer {
+ padding: 30rpx;
+ border-top: 1rpx solid #f0f0f0;
+}
+
+.project-modal-btn {
+ width: 100%;
+ height: 80rpx;
+ line-height: 80rpx;
+ text-align: center;
+ background-color: #1890FF;
+ color: #fff;
+ font-size: 32rpx;
+ border-radius: 8rpx;
+}
+
+.project-modal-btn[disabled] {
+ background-color: #cccccc;
+ color: #ffffff;
+}
--
Gitblit v1.8.0