From c5df55eddd3d966068b7c577f129e0313fa19db8 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 17 Nov 2021 10:57:53 +0800
Subject: [PATCH] 微调扫描组件
---
forms/form/cForm.scss | 42 ++++++++++++++++++++++++++++++++++--------
1 files changed, 34 insertions(+), 8 deletions(-)
diff --git a/forms/form/cForm.scss b/forms/form/cForm.scss
index 5c9f348..06a838e 100644
--- a/forms/form/cForm.scss
+++ b/forms/form/cForm.scss
@@ -6,8 +6,16 @@
@import "../../common/sassMixin";
.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 {
@@ -21,15 +29,14 @@
.title {
display: inline;
.icon {
- @include flexbox(inline, center center);
- margin-top: 4px;
+ display: inline-block;
margin-right: 14px;
width: 40px;
- min-width: 40px;
height: 40px;
+ vertical-align: middle;
+ text-align: center;
+ line-height: 36px;
color: transparent;
- font-size: 24px;
- line-height: 1;
border: 2px solid rgba(97, 144, 232, .2);
border-radius: 50%;
background-color: #fff;
@@ -40,16 +47,22 @@
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: #2b69de;
- font-size: 30px;
+ color: #2093df;
+ font-size: 36px;
+ vertical-align: middle;
}
}
.c-form-submit {
@@ -57,7 +70,7 @@
padding: 0 20px 30px;
[type=primary] {
height: 80px;
- font-size: 33px;
+ font-size: 36px;
line-height: 78px;
border: 1PX solid #2093df;
background: #2093df;
@@ -70,5 +83,18 @@
display: none;
}
}
+ &.c-form-submit-fixed {
+ margin-bottom: 130px;
+ padding: 0;
+ .c-form-submit-inner {
+ @include position(fixed, n 0 0 n, 0);
+ width: 100%;
+ }
+ [type=primary] {
+ height: 90px;
+ line-height: 88px;
+ border-radius: 0;
+ }
+ }
}
}
\ No newline at end of file
--
Gitblit v1.9.1