theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🌀(component): 调整 select 多选的 tag 样式

Browse Source
This commit is contained in:
就眠儀式 2022-07-18 08:47:45 +08:00
parent 2d9d506059
commit 7e9178f7f4
4 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
package/component/src/component/select/index.less
View File

@ -10,14 +10,13 @@ dl.layui-anim-upbit > dd .layui-form-checkbox,
margin-top: -3px; margin-top: -3px;
} }
// 多选样式
.layui-multiple-select-row { .layui-multiple-select-row {
position: absolute; position: absolute;
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
right: 30px; right: 30px;
padding: 5px 0 5px 10px; padding: 5px 0 5px 6px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
@ -29,8 +28,9 @@ dl.layui-anim-upbit > dd .layui-form-checkbox,
width: max-content; width: max-content;
.layui-badge { .layui-badge {
margin-left: 5px; margin-left: 5px;
height: 28px; height: 25px;
line-height: 28px; line-height: 25px;
border:1px solid #f0f0f0;
&:first-of-type { &:first-of-type {
margin-left: 0; margin-left: 0;
} }
@ -38,10 +38,6 @@ dl.layui-anim-upbit > dd .layui-form-checkbox,
.layui-icon { .layui-icon {
font-size: 12px; font-size: 12px;
padding-left: 3px; padding-left: 3px;
&:hover {
cursor: pointer;
color: #ff5722;
}
} }
} }
} }

2
package/component/src/component/select/index.vue
View File

@ -203,7 +203,7 @@ provide("keyword", txt);
> >
<div class="layui-multiple-select-badge"> <div class="layui-multiple-select-badge">
<template v-for="(item, index) in selectItem.label" :key="index"> <template v-for="(item, index) in selectItem.label" :key="index">
<lay-badge theme="green"> <lay-badge theme="gray">
<span>{{ item }}</span> <span>{{ item }}</span>
<i <i
:class="['layui-icon', { 'layui-icon-close': true }]" :class="['layui-icon', { 'layui-icon-close': true }]"

1
package/component/src/component/table/index.vue
View File

@ -21,6 +21,7 @@ export interface LayTableProps {
size?: string; size?: string;
page?: Recordable; page?: Recordable;
checkbox?: boolean; checkbox?: boolean;
radio?: boolean;
columns: Recordable[]; columns: Recordable[];
dataSource: Recordable[]; dataSource: Recordable[];
defaultToolbar?: boolean; defaultToolbar?: boolean;

7
package/document-component/src/document/zh-CN/components/input.md
View File

@ -117,7 +117,7 @@ export default {
::: demo ::: demo
<template> <template>
<lay-input v-model="inputValue" type="password" password></lay-input> <lay-input v-model="inputValue1" type="password" password></lay-input>
</template> </template>
<script> <script>
@ -126,10 +126,10 @@ import { ref } from 'vue'
export default { export default {
setup() { setup() {
const inputValue = ref(""); const inputValue1 = ref("");
return { return {
inputValue inputValue1
} }
} }
} }
@ -137,7 +137,6 @@ export default {
::: :::
::: title 设置图标 ::: title 设置图标
::: :::