From c739b2bd005cfcb6a7c698ff1cdd9cb4ecfe33f5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com> Date: Fri, 22 Jul 2022 00:19:14 +0800 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(component):=20=E4=BC=98=E5=8C=96=20se?= =?UTF-8?q?lect=20=E5=A4=9A=E9=80=89=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../component/src/component/select/index.less | 35 ++++++++++++++----- .../src/document/zh-CN/components/menu.md | 5 ++- .../src/document/zh-CN/components/panel.md | 2 +- 3 files changed, 29 insertions(+), 13 deletions(-) diff --git a/package/component/src/component/select/index.less b/package/component/src/component/select/index.less index 548399db..9c72b1b2 100644 --- a/package/component/src/component/select/index.less +++ b/package/component/src/component/select/index.less @@ -10,10 +10,10 @@ @md-badge:26px; @sm-badge:20px; @xs-badge:14px; -@lg-width: 300px; -@md-width: 260px; -@sm-width: 220px; -@xs-width: 180px; +@lg-width: 260px; +@md-width: 220px; +@sm-width: 180px; +@xs-width: 140px; .set-size(@size,@badge-size,@width) { & { @@ -45,10 +45,11 @@ dl.layui-anim-upbit > dd .layui-form-checkbox, height: 100%; top: 0; left: 0; - right: 30px; + right: 34px; padding: 5px 0 5px 6px; box-sizing: border-box; overflow: hidden; + overflow-x: scroll; cursor: pointer; background-color: #fff; border: 1px solid var(--input-border-color); @@ -70,6 +71,21 @@ dl.layui-anim-upbit > dd .layui-form-checkbox, padding-left: 3px; } } + &::-webkit-scrollbar { + width: 4px; + height: 4px; + } + &::-webkit-scrollbar-thumb { + height: 50px; + background-color: whitesmoke; + border-radius: 6px; + opacity: 0.5; + } + &::-webkit-scrollbar-thumb:hover { + height: 50px; + background-color: whitesmoke; + border-radius: 6px; + } } .layui-select { @@ -92,12 +108,14 @@ dl.layui-anim-upbit > dd .layui-form-checkbox, .layui-form-select { position: relative; } + .layui-select-title{ height: 100%; } + .layui-select-title .layui-input { + padding-right: 36px; padding-left: 10px; - padding-right: 30px; cursor: pointer; } @@ -113,6 +131,7 @@ dl.layui-anim-upbit > dd .layui-form-checkbox, transition: all 0.3s; -webkit-transition: all 0.3s; } + .layui-input-icon-area{ position: absolute; right: 10px; @@ -125,6 +144,7 @@ dl.layui-anim-upbit > dd .layui-form-checkbox, color: rgba(0, 0, 0, 0.45); } } + .layui-form-select .layui-icon-down { display: inline-block; transition: all 0.3s; @@ -219,7 +239,4 @@ dl.layui-anim-upbit > dd .layui-form-checkbox, &[size="xs"] { .set-size(@xs, @xs-badge, @xs-width); } -} -.layui-form-select-multiple{ - width: 100% !important; } \ No newline at end of file diff --git a/package/document-component/src/document/zh-CN/components/menu.md b/package/document-component/src/document/zh-CN/components/menu.md index 2bae9e92..e3ce73e6 100644 --- a/package/document-component/src/document/zh-CN/components/menu.md +++ b/package/document-component/src/document/zh-CN/components/menu.md @@ -762,10 +762,9 @@ export default { ::: table -| 插槽 | 描述 | 备注 | +| 属性 | 描述 | 备注 | | ----- | -------- | ---- | | title | 菜单标题 | -- | -| expandIcon | 扩展图标 | -- | ::: @@ -777,7 +776,7 @@ export default { | 插槽 | 描述 | 备注 | | ----- | -------- | ---- | | title | 菜单标题 | -- | - +| expandIcon | 扩展图标 | isExpand:是否展开 | ::: ::: contributor menu diff --git a/package/document-component/src/document/zh-CN/components/panel.md b/package/document-component/src/document/zh-CN/components/panel.md index 2fdf17e2..9c377b41 100644 --- a/package/document-component/src/document/zh-CN/components/panel.md +++ b/package/document-component/src/document/zh-CN/components/panel.md @@ -46,7 +46,7 @@ export default { ::: table -| 插槽 | 描述 | 可选值 | +| 插槽 | 描述 | 参数 | | ------- | -------- | ------ | | default | 默认插槽 | -- |