From 39e1d8a853a67f3e6529814fbf1d3349e770f284 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 03 Nov 2021 17:01:04 +0800
Subject: [PATCH] 调整固定底部表单提交按钮样式
---
forms/form/cForm.scss | 29 +++++++++++++++++++++++++++--
1 files changed, 27 insertions(+), 2 deletions(-)
diff --git a/forms/form/cForm.scss b/forms/form/cForm.scss
index 02b16a7..9698a87 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 {
@@ -54,10 +62,11 @@
}
.c-form-submit {
margin-top: 37px;
- padding: 0 20px;
+ padding: 0 20px 30px;
[type=primary] {
+ height: 80px;
font-size: 33px;
- line-height: 2.2;
+ line-height: 78px;
border: 1PX solid #2093df;
background: #2093df;
&:not([disabled]):active {
@@ -65,6 +74,22 @@
border: 1PX solid #2093df;
background: #2093df;
}
+ &::after {
+ 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