From fff7c8cad5d7c6dfd1dc7f134362995fc260f410 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 08 Jul 2021 17:18:42 +0800
Subject: [PATCH] 优化选择器组件，跨页选择改用页面间通讯组件
---
forms/form/cForm.scss | 45 +++++++++++++++++++++++++++++++--------------
1 files changed, 31 insertions(+), 14 deletions(-)
diff --git a/forms/form/cForm.scss b/forms/form/cForm.scss
index 2534bef..97e2028 100644
--- a/forms/form/cForm.scss
+++ b/forms/form/cForm.scss
@@ -8,29 +8,32 @@
.c-form {
width: 100%;
.c-form-item {
+ .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: 0.512rem 0.68267rem;
+ padding: 24px 32px;
.title {
display: inline;
.icon {
@include flexbox(inline, center center);
- margin-top: 0.08533rem;
- margin-right: 0.3rem;
- width: 0.85333rem;
- min-width: 0.85333rem;
- height: 0.85333rem;
+ margin-top: 4px;
+ margin-right: 14px;
+ width: 40px;
+ min-width: 40px;
+ height: 40px;
color: transparent;
- font-size: 0.512rem;
+ font-size: 24px;
line-height: 1;
- border: 0.04267rem solid rgba(97, 144, 232, .2);
+ border: 2px solid rgba(97, 144, 232, .2);
border-radius: 50%;
background-color: #fff;
box-sizing: border-box;
@@ -49,15 +52,16 @@
.protocol {
display: inline;
color: #2b69de;
- font-size: 0.65rem;
+ font-size: 30px;
}
}
.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;
+ height: 80px;
+ font-size: 33px;
+ line-height: 78px;
border: 1PX solid #2093df;
background: #2093df;
&:not([disabled]):active {
@@ -65,6 +69,19 @@
border: 1PX solid #2093df;
background: #2093df;
}
+ &::after {
+ display: none;
+ }
+ }
+ &.c-form-submit-fixed {
+ height: 80px;
+ .c-form-submit-inner {
+ @include position(fixed, n 0 0 n, 10);
+ width: 100%;
+ padding: 20px 20px 30px;
+ box-sizing: border-box;
+ background-color: #fff;
+ }
}
}
}
\ No newline at end of file
--
Gitblit v1.9.1