From 80dc90be027ee26869c63860b7d6a0759a03546b Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 20 五月 2025 17:33:53 +0800
Subject: [PATCH] fix: 修改首页ui
---
packages/components/src/styles/components.scss | 185 ++++++++++++++++++++++++++++++++++------------
1 files changed, 136 insertions(+), 49 deletions(-)
diff --git a/packages/components/src/styles/components.scss b/packages/components/src/styles/components.scss
index 0a06f6d..cb15a85 100644
--- a/packages/components/src/styles/components.scss
+++ b/packages/components/src/styles/components.scss
@@ -1,9 +1,9 @@
@use './common.scss' as *;
.recharge-tips-view {
- padding: 32px;
- border-radius: 24px;
- background: linear-gradient(0deg, rgba(10, 90, 255, 0.04), rgba(10, 90, 255, 0.04)), #fff;
+ // padding: 32px;
+ // border-radius: 24px;
+ // background: linear-gradient(0deg, rgba(10, 90, 255, 0.04), rgba(10, 90, 255, 0.04)), #fff;
.recharge-tips-title {
color: #1f2229;
@@ -28,52 +28,115 @@
}
}
-.confirm-dialog-content {
- .confirm-dialog-content-tips {
- margin-bottom: 32px;
+.confirm-dialog-wrapper {
+ padding: 40px 72px !important;
+ width: 686px !important;
+
+ .nut-dialog__header {
+ font-weight: bold;
+ font-size: 32rpx;
+ color: #222222;
+ height: 44rpx;
+ line-height: 44rpx;
}
- .confirm-dialog-content-info {
- padding: 24px;
- border-radius: 16px;
- background: #f0f3fa;
- margin-bottom: 16px;
+ .nut-dialog__content {
+ margin-top: 12px;
+ margin-bottom: 32px;
+ max-height: auto;
+ overflow: visible;
+ }
- .confirm-dialog-content-info-item {
- display: flex;
- margin-bottom: 20px;
+ .confirm-dialog-content {
+ .confirm-dialog-content-tips {
+ margin-bottom: 32px;
+ font-size: 22px;
+ color: boleGetCssVar('text-color', 'secondary');
+ line-height: 30px;
+ }
- &:last-child {
- margin-bottom: 0;
+ .confirm-dialog-content-info-wrapper {
+ padding: 0 20px;
+ position: relative;
+ margin-bottom: 32px;
+
+ .confirm-dialog-content-info-cic {
+ position: absolute;
+ left: 0;
+ top: -8px;
+ width: 100%;
+ height: 27px;
+ box-shadow: 0px 3px 8px 0px rgba(2, 140, 255, 0.27);
+ border-radius: 28px 28px 28px 28px;
+ border: 6px solid #45aaff;
+ z-index: -1;
+ box-sizing: border-box;
}
+ }
- .confirm-dialog-content-info-item-label {
- color: boleGetCssVar('text-color', 'regular');
- margin-right: 12px;
- text-align: left;
- }
+ .confirm-dialog-content-info {
+ padding: 36px 24px 40px;
+ border-radius: 16px;
- .confirm-dialog-content-info-item-content {
- flex: 1;
- min-width: 0;
- @include ellipsis;
- color: boleGetCssVar('text-color', 'primary');
- text-align: left;
- }
+ box-shadow: 0px 3px 6px 0px rgba(2, 140, 255, 0.1),
+ inset 0px 6px 5px 0px rgba(126, 196, 255, 0.1);
+ background-color: #fff;
- &.danger {
+ .confirm-dialog-content-info-item {
+ display: flex;
+ padding: 22px 0;
+ font-size: 28px;
+ border-bottom: 1px dashed #cccccc;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ &:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+ }
+
+ .confirm-dialog-content-info-item-label {
+ color: boleGetCssVar('text-color', 'primary');
+ margin-right: 12px;
+ text-align: left;
+ }
+
.confirm-dialog-content-info-item-content {
- color: boleGetCssVar('color', 'danger');
+ flex: 1;
+ min-width: 0;
+ @include ellipsis;
+ color: boleGetCssVar('text-color', 'primary');
+ text-align: right;
+ }
+
+ &.danger {
+ .confirm-dialog-content-info-item-content {
+ color: boleGetCssVar('color', 'danger');
+ }
}
}
}
- }
- .confirm-dialog-content-warning {
- color: boleGetCssVar('color', 'danger');
- text-align: left;
- font-size: 32px;
- line-height: 40px;
+ .confirm-dialog-content-warning {
+ color: boleGetCssVar('color', 'danger');
+ text-align: left;
+ font-size: 22px;
+ line-height: 30px;
+ position: relative;
+
+ &::before {
+ content: '*';
+ position: absolute;
+ left: -20px;
+ top: 10px;
+ background-color: boleGetCssVar('color', 'danger');
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ }
+ }
}
}
@@ -227,21 +290,45 @@
color: boleGetCssVar('text-color', 'primary');
}
-.select-pay-type-view-form-item-radio {
- .nut-radio__button--active {
- // &::after {
- // background-color: transparent;
- // }
+.select-pay-type-view {
+ .select-pay-type-form-item-title {
+ padding: 32px 0;
+ font-size: 28px;
+ color: #777777;
+ text-align: center;
+ border-bottom: 1px solid #f1f1f1;
+ }
+ .select-pay-type-view-form-item-radio-group {
+ width: 100%;
+ padding: 0 26px;
+ box-sizing: border-box;
}
- .select-pay-type-view-form-item {
- display: flex;
- align-items: center;
- color: #1d1e1e !important;
- .select-pay-type-view-form-item-icon {
- width: 32px;
- height: 32px;
- margin-right: 8px;
+ .select-pay-type-view-form-item-radio {
+ border-bottom: 1px solid #dcdcdc;
+ margin-bottom: 0;
+ padding: 48px 0;
+
+ &:last-child {
+ border-bottom: none;
+ }
+
+ .nut-radio__button--active {
+ // &::after {
+ // background-color: transparent;
+ // }
+ }
+
+ .select-pay-type-view-form-item {
+ display: flex;
+ align-items: center;
+ color: boleGetCssVar('text-color', 'primary') !important;
+ font-size: 28px;
+ .select-pay-type-view-form-item-icon {
+ width: 48px;
+ height: 48px;
+ margin-right: 28px;
+ }
}
}
}
--
Gitblit v1.9.1