🌀(component): 调整 select 多选的 tag 样式
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 }]"
|
||||
|
||||
@@ -21,6 +21,7 @@ export interface LayTableProps {
|
||||
size?: string;
|
||||
page?: Recordable;
|
||||
checkbox?: boolean;
|
||||
radio?: boolean;
|
||||
columns: Recordable[];
|
||||
dataSource: Recordable[];
|
||||
defaultToolbar?: boolean;
|
||||
|
||||
Reference in New Issue
Block a user