From 1910e9f27373b8b4da75f076762025ceb3419965 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 12 六月 2025 15:40:50 +0800
Subject: [PATCH] fix: 暂时隐藏电信充值通道
---
packages/components/src/styles/components.scss | 373 ++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 337 insertions(+), 36 deletions(-)
diff --git a/packages/components/src/styles/components.scss b/packages/components/src/styles/components.scss
index 133bb89..c49e509 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%;
+ }
+ }
}
}
@@ -226,3 +289,241 @@
margin-left: 18px;
color: boleGetCssVar('text-color', 'primary');
}
+
+.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-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;
+ }
+ }
+ }
+}
+
+.preview-image-wrapper {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+.auto-width-image-wrapper {
+ width: auto !important;
+ height: auto !important;
+}
+
+.rich-edit-content {
+ .rich-content-item {
+ margin-bottom: 10px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .rich-content-image-item {
+ display: block;
+ }
+
+ .rich-content-text-item {
+ word-break: break-all;
+ white-space: pre-line;
+ font-size: 30px;
+ line-height: 50px;
+ color: boleGetCssVar('text-color', 'primary');
+ }
+
+ .rich-content-video-item {
+ width: 100%;
+ height: 300px;
+ }
+
+ &.small {
+ .rich-content-text-item {
+ font-size: 24px;
+ line-height: 36px;
+ }
+ }
+}
+
+.result-wrapper {
+ margin-top: 32px;
+
+ .result-content {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ padding: 64px 0;
+ background-color: #ffffff;
+ border-radius: 20px;
+ margin-bottom: 32px;
+
+ .result-content-icon {
+ width: 128px;
+ height: 128px;
+ margin-bottom: 50px;
+ }
+
+ .result-content-title {
+ font-size: 36px;
+ color: boleGetCssVar('text-color', 'primary');
+ font-weight: 600;
+ margin-bottom: 10px;
+ line-height: 52px;
+ }
+
+ .result-content-remark {
+ font-size: 24px;
+ line-height: 38px;
+ color: boleGetCssVar('text-color', 'regular');
+ font-weight: 400;
+ text-align: center;
+ padding: 0 100px;
+ }
+ }
+
+ .result-order-number {
+ background-color: #ffffff;
+ border-radius: 20px;
+ padding: 24px 32px;
+ display: flex;
+ margin-bottom: 32px;
+
+ .result-order-number-label {
+ font-size: 30px;
+ color: boleGetCssVar('text-color', 'primary');
+ font-weight: 400;
+ line-height: 42px;
+ display: inline-flex;
+ align-items: center;
+
+ &::before {
+ content: '';
+ display: inline-block;
+ width: 8px;
+ height: 30px;
+ border-radius: 4px;
+ background-color: boleGetCssVar('color', 'primary');
+ margin-right: 12px;
+ }
+ }
+
+ .result-order-number-value {
+ font-size: 30px;
+ color: boleGetCssVar('text-color', 'primary');
+ font-weight: 400;
+ line-height: 42px;
+ text-align: right;
+ flex: 1;
+ min-width: 0;
+ @include ellipsis();
+ }
+ }
+
+ .result-wrapper-tips {
+ .result-wrapper-tips-item {
+ margin-bottom: 16px;
+ font-size: 28px;
+ color: boleGetCssVar('text-color', 'regular');
+ font-weight: 400;
+ line-height: 44px;
+
+ &.title {
+ margin-bottom: 12px;
+ font-size: 30px;
+ color: boleGetCssVar('text-color', 'primary');
+ font-weight: 400;
+ }
+
+ &.danger {
+ color: boleGetCssVar('color', 'danger');
+ }
+ &.warning {
+ color: boleGetCssVar('color', 'warning');
+ }
+ }
+ }
+
+ .result-wrapper-actions {
+ .recharge-button-text {
+ font-size: 32px;
+ }
+ }
+}
+
+.result-without-bg-wrapper {
+ margin-top: 32px;
+ padding: 0 40px;
+
+ .result-without-bg-content {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+
+ .result-without-bg-content-icon {
+ width: 320px;
+ height: 320px;
+ margin-bottom: 22px;
+ }
+
+ .result-without-bg-content-title {
+ font-size: 48px;
+ color: boleGetCssVar('text-color', 'primary');
+ font-weight: bold;
+ margin-bottom: 12px;
+ line-height: 68px;
+ }
+
+ .result-without-bg-content-remark {
+ font-size: 32px;
+ line-height: 48px;
+ color: boleGetCssVar('text-color', 'regular');
+ font-weight: 500;
+ text-align: center;
+ padding: 0 32px;
+ margin-bottom: 120px;
+ }
+ }
+
+ .result-without-bg-wrapper-tips {
+ font-size: 30px;
+ line-height: 48px;
+ color: #ff9e25;
+ margin-top: 26px;
+ padding: 0 20px;
+ }
+}
--
Gitblit v1.9.1