From 057e40f413c2ef93f6ec71dbb06c491d169c6c6f Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 22 Nov 2023 18:57:08 +0800
Subject: [PATCH] 表单只读控件，加深背景色
---
forms/datePicker/cDatePicker.scss | 2 +-
forms/select/cSelect.scss | 6 +++++-
forms/input/CInputScanCode.vue | 2 +-
forms/switch/cSwitch.scss | 2 +-
forms/input/CInputScanCode.scss | 2 +-
forms/datePicker/CDatePicker.vue | 2 +-
forms/input/CInput.vue | 2 +-
forms/input/cInput.scss | 2 +-
forms/select/CSelect.vue | 2 +-
9 files changed, 13 insertions(+), 9 deletions(-)
diff --git a/forms/datePicker/CDatePicker.vue b/forms/datePicker/CDatePicker.vue
index c634f56..34bdb00 100644
--- a/forms/datePicker/CDatePicker.vue
+++ b/forms/datePicker/CDatePicker.vue
@@ -6,7 +6,7 @@
<template>
<view
class="c-date-picker"
- :class="readOnly ? 'read-only':''"
+ :class="readOnly?'read-only':''"
>
<CDateRangeAction
v-if="mode==='dateRange'"
diff --git a/forms/datePicker/cDatePicker.scss b/forms/datePicker/cDatePicker.scss
index 0eb8c1b..b9b1208 100644
--- a/forms/datePicker/cDatePicker.scss
+++ b/forms/datePicker/cDatePicker.scss
@@ -8,7 +8,7 @@
.c-date-picker {
&.read-only {
pointer-events: none;
- background-color: #fafafa;
+ background-color: #f6f6f6;
}
.at-input__input {
.weui-input {
diff --git a/forms/input/CInput.vue b/forms/input/CInput.vue
index 5d01979..211d760 100644
--- a/forms/input/CInput.vue
+++ b/forms/input/CInput.vue
@@ -6,7 +6,7 @@
<template>
<view
class="c-input"
- :class="[unit?'c-input-unit':'', readOnly ? 'read-only':'']"
+ :class="[unit?'c-input-unit':'', readOnly?'read-only':'']"
>
<AtInput
:name="itemRes.name"
diff --git a/forms/input/CInputScanCode.scss b/forms/input/CInputScanCode.scss
index c2eee63..a3396ce 100644
--- a/forms/input/CInputScanCode.scss
+++ b/forms/input/CInputScanCode.scss
@@ -8,7 +8,7 @@
.c-input-scan-code {
&.read-only {
pointer-events: none;
- background-color: #fafafa;
+ background-color: #f6f6f6;
}
.c-input-scan-space {
width: 140px;
diff --git a/forms/input/CInputScanCode.vue b/forms/input/CInputScanCode.vue
index d18a176..91d5dcd 100644
--- a/forms/input/CInputScanCode.vue
+++ b/forms/input/CInputScanCode.vue
@@ -6,7 +6,7 @@
<template>
<view
class="c-input-scan-code"
- :class="[readOnly ? 'read-only':'']"
+ :class="[readOnly?'read-only':'']"
>
<AtInput
:name="itemRes.name"
diff --git a/forms/input/cInput.scss b/forms/input/cInput.scss
index d8d2d39..bc2de60 100644
--- a/forms/input/cInput.scss
+++ b/forms/input/cInput.scss
@@ -8,7 +8,7 @@
.c-input {
&.read-only {
pointer-events: none;
- background-color: #fafafa;
+ background-color: #f6f6f6;
}
.at-input__icon {
display: none;
diff --git a/forms/select/CSelect.vue b/forms/select/CSelect.vue
index 3b32ef1..5e22975 100644
--- a/forms/select/CSelect.vue
+++ b/forms/select/CSelect.vue
@@ -6,7 +6,7 @@
<template>
<view
class="c-select"
- :class="readOnly ? 'read-only':''"
+ :class="readOnly?'read-only':''"
>
<!-- 下拉选择模式 -->
<view
diff --git a/forms/select/cSelect.scss b/forms/select/cSelect.scss
index 9dce48c..aceda8e 100644
--- a/forms/select/cSelect.scss
+++ b/forms/select/cSelect.scss
@@ -8,7 +8,7 @@
.c-select {
&.read-only {
pointer-events: none;
- background-color: #fafafa;
+ background-color: #f6f6f6;
}
.at-input__input {
.weui-input {
@@ -37,8 +37,12 @@
}
.c-select-slot-mode {
@include flexbox(flex, left center);
+ margin-bottom: 1PX;
.c-select-input {
width: 100%;
+ .at-input {
+ margin-bottom: 0;
+ }
}
.c-select-slot {
position: relative;
diff --git a/forms/switch/cSwitch.scss b/forms/switch/cSwitch.scss
index a356ee7..8d0d6ec 100644
--- a/forms/switch/cSwitch.scss
+++ b/forms/switch/cSwitch.scss
@@ -8,7 +8,7 @@
.c-switch {
&.read-only {
pointer-events: none;
- background-color: #fafafa;
+ background-color: #f6f6f6;
.at-switch {
background-color: transparent;
}
--
Gitblit v1.9.1