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

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

View File

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

View File

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

View File

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

View File

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