From 8ed0a2f0d2c143a1945e862182a6cb4abddccdad Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 29 Apr 2024 10:30:26 +0800
Subject: [PATCH] 下拉选择组件跳转优化，交由业务层跳转URL
---
forms/form/cForm.scss | 91 +++++++++++++++++++++++++++++++++++++++++----
1 files changed, 82 insertions(+), 9 deletions(-)
diff --git a/forms/form/cForm.scss b/forms/form/cForm.scss
index 07140a1..23d53af 100644
--- a/forms/form/cForm.scss
+++ b/forms/form/cForm.scss
@@ -5,29 +5,102 @@
@import "../../common/sassMixin";
+.c-form-outer.auto-scroll {
+ height: 100%;
+ .c-form-scroller {
+ height: 100%;
+ }
+}
+
.c-form {
+ display: block;
width: 100%;
+ background-color: #fff;
.c-form-item {
+ .at-input {
+ background-color: transparent;
+ }
+ .at-input__title {
+ margin-right: 20px;
+ }
.at-input__title--required {
position: relative;
&::before {
- @include position(absolute, 50% -0.5rem n n);
+ @include position(absolute, 50% -23px n n);
transform: translateY(-50%);
}
}
}
+ .c-form-agreement {
+ padding: 24px 32px;
+ .title {
+ display: inline;
+ .icon {
+ display: inline-block;
+ margin-right: 14px;
+ width: 40px;
+ height: 40px;
+ vertical-align: middle;
+ text-align: center;
+ line-height: 36px;
+ color: transparent;
+ border: 2px solid rgba(97, 144, 232, .2);
+ border-radius: 50%;
+ background-color: #fff;
+ box-sizing: border-box;
+ transition: all .2s;
+ &.checked {
+ color: #fff;
+ border: none;
+ background-color: #6190e8;
+ }
+ .at-icon {
+ font-size: 24px;
+ line-height: 1;
+ }
+ }
+ .tips {
+ vertical-align: middle;
+ color: rgb(117, 117, 117);
+ ;
+ }
+ }
+ .protocol {
+ display: inline;
+ color: #2093df;
+ font-size: 36px;
+ vertical-align: middle;
+ }
+ }
.c-form-submit {
- margin-top: 0.8rem;
- padding: 0 0.42667rem;
+ margin-top: 37px;
+ padding: 0 20px 30px;
[type=primary] {
- font-size: 0.7rem;
- line-height: 2.2;
- border: 1PX solid #1e8ad2;
- background: #1e8ad2;
+ height: 90px;
+ font-size: 36px;
+ line-height: 88px;
+ border: 1PX solid #2093df;
+ background: #2093df;
&:not([disabled]):active {
opacity: .6;
- border: 1PX solid #1e8ad2;
- background: #1e8ad2;
+ border: 1PX solid #2093df;
+ background: #2093df;
+ }
+ &::after {
+ display: none;
+ }
+ }
+ &.c-form-submit-fixed {
+ margin: -3px 0 140px;
+ padding: 1px 0 0;
+ .c-form-submit-inner {
+ @include position(fixed, n 0 0 n, 10);
+ width: 100%;
+ }
+ [type=primary] {
+ height: 100px;
+ line-height: 98px;
+ border-radius: 0;
}
}
}
--
Gitblit v1.9.1