From 3cafdf134729197e22a53f79dd25c45db2062fa3 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 31 Mar 2021 11:56:07 +0800
Subject: [PATCH] 优化表单显示
---
forms/textarea/CTextArea.vue | 2 +-
forms/select/cSelect.scss | 5 +++++
forms/form/CFormItem.vue | 3 +++
forms/form/cForm.scss | 8 ++++++--
forms/select/CSelect.vue | 2 ++
5 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/forms/form/CFormItem.vue b/forms/form/CFormItem.vue
index 3913dc1..c7b1e2f 100644
--- a/forms/form/CFormItem.vue
+++ b/forms/form/CFormItem.vue
@@ -37,6 +37,8 @@
// transform (value) => any 将字段值转换成目标值后进行校验
// message string 错误信息，不设置时会通过模板自动生成
rules: Array,
+ // 表单是否禁用
+ disabled: Boolean,
},
data() {
return {
@@ -50,6 +52,7 @@
name: this.name,
label: this.label,
required: this.isRequired,
+ disabled: this.disabled,
error: this.error,
onChange: evt => this.onChange(evt),
};
diff --git a/forms/form/cForm.scss b/forms/form/cForm.scss
index 02b16a7..5c9f348 100644
--- a/forms/form/cForm.scss
+++ b/forms/form/cForm.scss
@@ -54,10 +54,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 +66,9 @@
border: 1PX solid #2093df;
background: #2093df;
}
+ &::after {
+ display: none;
+ }
}
}
}
\ No newline at end of file
diff --git a/forms/select/CSelect.vue b/forms/select/CSelect.vue
index 2d1edbd..cd71901 100644
--- a/forms/select/CSelect.vue
+++ b/forms/select/CSelect.vue
@@ -18,6 +18,7 @@
:name="itemRes.name"
:title="itemRes.label"
:required="itemRes.required"
+ :disabled="itemRes.disabled"
:error="itemRes.error"
:placeholder="placeholder"
:value="selected"
@@ -30,6 +31,7 @@
:name="itemRes.name"
:title="itemRes.label"
:required="itemRes.required"
+ :disabled="itemRes.disabled"
:error="itemRes.error"
:placeholder="placeholder"
:value="chose.name"
diff --git a/forms/select/cSelect.scss b/forms/select/cSelect.scss
index 0f1f8b2..9385831 100644
--- a/forms/select/cSelect.scss
+++ b/forms/select/cSelect.scss
@@ -23,4 +23,9 @@
.at-input__icon {
display: none;
}
+ .at-input__container {
+ input {
+ pointer-events: none;
+ }
+ }
}
\ No newline at end of file
diff --git a/forms/textarea/CTextArea.vue b/forms/textarea/CTextArea.vue
index 8e3321c..6f00ef1 100644
--- a/forms/textarea/CTextArea.vue
+++ b/forms/textarea/CTextArea.vue
@@ -18,7 +18,7 @@
:style="{height: areaHeight}"
:placeholder="placeholder"
:value="itemRes.formData[itemRes.name]"
- :autoFocus="true"
+ :autoFocus="false"
@input="evt=>itemRes.onChange(evt.detail.value)"
/>
</view>
--
Gitblit v1.9.1