From 8e8e161971d8876e159f94e7e0f9e0d52d548e8a Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 07 Mar 2022 17:23:34 +0800
Subject: [PATCH] 实现同级显示的单选、多选框组件
---
forms/select/cSelect.scss | 32 ++++++++++++++++++++++++++++++++
1 files changed, 32 insertions(+), 0 deletions(-)
diff --git a/forms/select/cSelect.scss b/forms/select/cSelect.scss
index 9385831..9dce48c 100644
--- a/forms/select/cSelect.scss
+++ b/forms/select/cSelect.scss
@@ -6,16 +6,22 @@
@import "../../common/sassMixin";
.c-select {
+ &.read-only {
+ pointer-events: none;
+ background-color: #fafafa;
+ }
.at-input__input {
.weui-input {
pointer-events: none;
}
}
.at-input__children {
+ padding-right: 20px;
&::after {
display: none;
}
.at-icon-chevron-right {
+ padding: 0;
font-size: 48px;
color: #ccc;
}
@@ -25,7 +31,33 @@
}
.at-input__container {
input {
+ text-overflow: ellipsis;
pointer-events: none;
}
}
+ .c-select-slot-mode {
+ @include flexbox(flex, left center);
+ .c-select-input {
+ width: 100%;
+ }
+ .c-select-slot {
+ position: relative;
+ height: 98px;
+ @include flexbox(flex, center center);
+ &::after {
+ position: absolute;
+ top: -50%;
+ left: -50%;
+ right: -50%;
+ bottom: -50%;
+ border: 0 solid #d6e4ef;
+ border-bottom-width: 1PX;
+ box-sizing: border-box;
+ transform-origin: center;
+ transform: scale(0.5);
+ content: "";
+ pointer-events: none;
+ }
+ }
+ }
}
\ No newline at end of file
--
Gitblit v1.9.1