🌀(component): 调整 select 多选的 tag 样式
This commit is contained in:
parent
2d9d506059
commit
7e9178f7f4
@ -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;
|
||||
|
@ -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 设置图标
|
||||
:::
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user