From ae5f1ea03be87c76e0eefd0a00c34dab4163ec56 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 02 九月 2025 15:01:05 +0800
Subject: [PATCH] 启动页样式修改
---
src/static/scss/form-common.scss | 270 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 270 insertions(+), 0 deletions(-)
diff --git a/src/static/scss/form-common.scss b/src/static/scss/form-common.scss
new file mode 100644
index 0000000..5025660
--- /dev/null
+++ b/src/static/scss/form-common.scss
@@ -0,0 +1,270 @@
+/* 琛ㄥ崟鍏叡鏍峰紡 */
+
+/* 琛ㄥ崟鏁翠綋鏍峰紡 - 浣跨敤 :deep 绌块�忓埌 uView-plus 鍐呴儴绫� */
+:deep(.u-form) {
+ background: transparent !important;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+/* 琛ㄥ崟椤规牱寮忎紭鍖� */
+:deep(.u-form-item) {
+ background: #fff !important;
+ padding: 0 22px !important;
+ border: none !important;
+ position: relative !important;
+ border-bottom: 1px solid #f0f0f0 !important;
+}
+
+:deep(.u-form-item:last-child) {
+ border-bottom: none !important;
+}
+
+:deep(.u-form-item__body) {
+ padding: 15px 0 !important;
+ border: none !important;
+ min-height: 50px !important;
+ display: flex !important;
+ align-items: center !important;
+ align-items: flex-start !important;
+}
+
+:deep(.u-form-item__label) {
+ font-size: 15px !important;
+ color: #333 !important;
+ font-weight: 400 !important;
+ width: 90px !important;
+ flex-shrink: 0 !important;
+}
+
+:deep(.u-form-item__content) {
+ flex: 1 !important;
+ display: flex !important;
+ justify-content: flex-end !important;
+}
+
+/* 褰诲簳绉婚櫎 input 杈规涓庤儗鏅紙绌块�忓埌鍐呴儴鍏冪礌锛�*/
+:deep(.u-input),
+:deep(.u-input *),
+input[type="text"],
+input[type="number"] {
+ border: none !important;
+ box-shadow: none !important;
+ background: transparent !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ outline: none !important;
+ -webkit-appearance: none !important;
+ appearance: none !important;
+}
+
+:deep(.u-input input),
+:deep(.u-input__content__field-wrapper__field),
+:deep(.u-input__input) {
+ font-size: 15px !important;
+ color: #333 !important;
+ background: transparent !important;
+ border: none !important;
+ outline: none !important;
+ box-shadow: none !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ font-weight: 400 !important;
+ width: 100% !important;
+}
+
+/* 绂佺敤涓庡彧璇荤姸鎬� */
+:deep(.u-input input:disabled),
+:deep(.u-input__input:disabled) {
+ color: #999 !important;
+ -webkit-text-fill-color: #999 !important;
+ background: transparent !important;
+}
+
+:deep(.u-input input[readonly]),
+:deep(.u-input__input[readonly]) {
+ color: #666 !important;
+ font-weight: 400 !important;
+ background: transparent !important;
+}
+
+/* 鍗犱綅绗︽牱寮� */
+:deep(.u-input input::placeholder),
+:deep(.u-input__input::placeholder) {
+ color: #c0c4cc !important;
+ font-size: 15px !important;
+ font-weight: 400 !important;
+}
+.account-detail {
+ min-height: 100vh;
+ background: #f5f5f5;
+ padding-bottom: 5rem;
+}
+/* 浜у搧淇℃伅鍖哄煙 */
+.product-section {
+ background: #fff;
+ margin-top: 10px;
+ padding: 16px;
+}
+
+.section-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 16px;
+ width: 100%;
+}
+
+.section-title {
+ font-size: 16px;
+ font-weight: 500;
+ color: #333;
+}
+
+/* 浜у搧鍗＄墖鏍峰紡 */
+.product-card {
+ background: #ffffff;
+ border-radius: 8px;
+ padding: 16px;
+ margin-bottom: 16px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+.tip-text {
+ margin: 2px 20px;
+}
+.product-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding-bottom: 12px;
+ margin-bottom: 16px;
+}
+
+.product-title {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.document-icon {
+ width: 24px;
+ height: 24px;
+ background: #2979ff;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.product-productCategory {
+ font-size: 15px;
+ font-weight: 500;
+ color: #333;
+}
+
+/* 浜у搧琛ㄥ崟椤规牱寮� */
+.product-form {
+ margin: 0;
+}
+
+.product-form :deep(.u-form-item) {
+ background: transparent;
+ margin-bottom: 0;
+ padding: 0;
+}
+
+.product-form :deep(.u-form-item__body) {
+ padding: 12px 0;
+ min-height: 48px;
+}
+
+.product-form :deep(.u-form-item__label) {
+ font-size: 14px !important;
+ color: #666 !important;
+ width: 100px;
+ font-weight: 400;
+}
+
+.product-form :deep(.u-input__content__field-wrapper__field),
+.product-form :deep(.u-input__input) {
+ font-size: 14px !important;
+ color: #333 !important;
+ text-align: right;
+}
+
+/* 浜у搧琛ㄥ崟鏈�鍚庝竴椤瑰幓鎺夊簳杈规 */
+.product-form :deep(.u-form-item:last-child .u-form-item__body) {
+ border-bottom: none;
+}
+
+/* 閫夋嫨鍣ㄥ脊绐楁牱寮� */
+.picker-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 16px 20px;
+ background: #fff;
+}
+
+.picker-cancel {
+ color: #666;
+ font-size: 16px;
+}
+
+.picker-title {
+ color: #333;
+ font-size: 16px;
+ font-weight: 500;
+}
+
+.picker-confirm {
+ color: #007aff;
+ font-size: 16px;
+}
+
+/* 鏍戦�夋嫨鍣ㄥ脊绐楁牱寮� */
+.popup-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 16px 20px;
+ background: #fff;
+ position: sticky;
+ top: 0;
+ z-index: 10;
+}
+
+.cancelButton {
+ color: #666;
+ font-size: 16px;
+}
+
+.confirmButton {
+ color: #007aff;
+ font-size: 16px;
+}
+
+.u-tree {
+ height: 300px;
+ padding: 16px;
+}
+
+/* 椤甸潰鍩虹鏍峰紡 */
+.page-container {
+ min-height: 100vh;
+ background: #f5f5f5;
+ padding-bottom: 5rem;
+}
+
+/* 鍝嶅簲寮忚皟鏁� */
+@media (max-width: 375px) {
+ :deep(.u-form-item__label) {
+ width: 100px !important;
+ font-size: 14px !important;
+ }
+
+ :deep(.u-input__content__field-wrapper__field),
+ :deep(.u-input__input) {
+ font-size: 14px !important;
+ }
+}
\ No newline at end of file
--
Gitblit v1.9.3