✨(component): 新增 switch 组件 name 属性
This commit is contained in:
parent
9b3c929b6b
commit
2b06fbaecd
@ -34,14 +34,17 @@
|
||||
.set-size(@xs,@xs-width);
|
||||
}
|
||||
}
|
||||
|
||||
.layui-cascader .layui-input-suffix{
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.layui-cascader .layui-icon-triangle-d {
|
||||
transition: all 0.3s ease-in-out;
|
||||
transform: rotate(0);
|
||||
color:var(--global-neutral-color-8);
|
||||
}
|
||||
|
||||
.layui-cascader-opend .layui-icon-triangle-d {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
@ -55,13 +58,16 @@
|
||||
white-space: nowrap;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.layui-cascader-menu {
|
||||
display: inline-block;
|
||||
border-right: 1px solid var(--global-neutral-color-3);
|
||||
}
|
||||
|
||||
.layui-cascader-menu:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.layui-cascader-menu-item {
|
||||
min-width: 130px;
|
||||
padding: 5px 15px;
|
||||
@ -73,14 +79,17 @@
|
||||
padding-right: 9px;
|
||||
min-height: 35px;
|
||||
}
|
||||
|
||||
.layui-cascader-menu-item:hover {
|
||||
background-color: var(--global-checked-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.layui-cascader-selected {
|
||||
background-color: var(--global-checked-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.layui-cascader-menu-item .layui-icon-right{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
@ -49,6 +49,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.layui-switch-container .layui-switch-input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layui-form-switch {
|
||||
position: relative;
|
||||
height: 22px;
|
||||
|
@ -9,6 +9,7 @@ import { computed } from "vue";
|
||||
import "./index.less";
|
||||
|
||||
export interface LaySwitchProps {
|
||||
name?: string;
|
||||
disabled?: boolean;
|
||||
modelValue?: string | number | boolean;
|
||||
onswitchText?: string;
|
||||
@ -61,6 +62,7 @@ const styles = computed(() => {
|
||||
|
||||
<template>
|
||||
<span @click.stop="handleClick" class="layui-switch-container" :size="size">
|
||||
<input class="layui-switch-input" :name="name" :value="modelValue" />
|
||||
<div
|
||||
class="layui-unselect layui-form-switch"
|
||||
:style="styles"
|
||||
|
@ -201,7 +201,7 @@
|
||||
>
|
||||
<lay-avatar
|
||||
src="https://jpom-docs.keepbx.cn/images/jpom_logo.png"
|
||||
style="background: transparent;width:60px;"
|
||||
style="background: transparent; width: 60px"
|
||||
></lay-avatar>
|
||||
</a>
|
||||
</lay-tooltip>
|
||||
|
Loading…
Reference in New Issue
Block a user