From 39a56ab083f707e893bbb38d9284d6c4dc4f081e Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Wed, 22 Nov 2023 15:06:16 +0800 Subject: [PATCH] 日期组件,只读模式下不显示清除按钮 --- forms/datePicker/cDatePicker.scss | 21 +++++++++++++++++++++ 1 files changed, 21 insertions(+), 0 deletions(-) diff --git a/forms/datePicker/cDatePicker.scss b/forms/datePicker/cDatePicker.scss index c3c6d4d..0eb8c1b 100644 --- a/forms/datePicker/cDatePicker.scss +++ b/forms/datePicker/cDatePicker.scss @@ -6,6 +6,10 @@ @import "../../common/sassMixin"; .c-date-picker { + &.read-only { + pointer-events: none; + background-color: #fafafa; + } .at-input__input { .weui-input { pointer-events: none; @@ -17,9 +21,26 @@ display: none; } .at-icon-chevron-right { + padding: 0; font-size: 48px; color: #ccc; } + .at-icon-close { + padding: 8px; + margin: 4px; + color: #fff; + font-size: 24px; + line-height: 24px; + background-color: #ccc; + border-radius: 50%; + &::after { + @include position(absolute, -24px n n 0); + width: 90px; + height: 90px; + background-color: rgba(#000, 0); + content: ""; + } + } } .at-input__icon { display: none; -- Gitblit v1.9.1