From 86a5b87fe5d8f62ae03346f0f316e0a33d9e06e4 Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期一, 31 三月 2025 20:52:44 +0800
Subject: [PATCH] 添加时间选择器
---
pages/home/home.wxss | 289 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 280 insertions(+), 9 deletions(-)
diff --git a/pages/home/home.wxss b/pages/home/home.wxss
index ee43aa4..e653d5c 100644
--- a/pages/home/home.wxss
+++ b/pages/home/home.wxss
@@ -217,9 +217,14 @@
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;
@@ -311,6 +316,10 @@
justify-content: center;
}
+.item-button:active {
+ background-color: #7c7c7c; /* Change to a darker color when pressed */
+}
+
.divider {
width: 100%;
margin-top: 2rpx;
@@ -318,16 +327,278 @@
}
-.error-dialog{
- --td-dialog-title-color:red;
- --td-dialog-title-font-size:40rpx;
+.error-dialog {
+ --td-dialog-title-color: red;
+ --td-dialog-title-font-size: 40rpx;
}
-.scen-code{
+.scen-view {
+ position: absolute;
+ /* 娣诲姞杩欒 */
+ top: 15rpx;
+ /* 鏍规嵁闇�瑕佽皟鏁磋窛绂婚《閮ㄧ殑璺濈 */
+ right: 30rpx;
+ /* 鏍规嵁闇�瑕佽皟鏁磋窛绂诲彸渚х殑璺濈 */
+ display: flex;
+ align-items: center;
+ /* 鍨傜洿鏂瑰悜灞呬腑 */
+ justify-content: space-between;
+}
+
+.scen-code {
width: 40rpx;
height: 40rpx;
- position: absolute; /* 娣诲姞杩欒 */
- top: 15rpx; /* 鏍规嵁闇�瑕佽皟鏁磋窛绂婚《閮ㄧ殑璺濈 */
- right: 30rpx; /* 鏍规嵁闇�瑕佽皟鏁磋窛绂诲彸渚х殑璺濈 */
+}
-}
\ No newline at end of file
+.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