🌀(select): 统一单选与多选状态下的 hover 样式
This commit is contained in:
parent
e53e2e0bf4
commit
1755e0e3a8
@ -66,8 +66,11 @@ const change = function (id: any) {
|
|||||||
const childrens: Ref<VNode[]> = ref([]);
|
const childrens: Ref<VNode[]> = ref([]);
|
||||||
const slotsChange = ref(true);
|
const slotsChange = ref(true);
|
||||||
|
|
||||||
const setItemInstanceBySlot = function (nodeList: VNode[]) {
|
const setItemInstanceBySlot = function (nodes: VNode[]) {
|
||||||
nodeList?.map((item) => {
|
const showNodes = nodes?.filter((item: VNode) => {
|
||||||
|
return item.children != "v-if";
|
||||||
|
});
|
||||||
|
showNodes?.map((item) => {
|
||||||
let component = item.type as Component;
|
let component = item.type as Component;
|
||||||
if (component.name != CarouselItem.name) {
|
if (component.name != CarouselItem.name) {
|
||||||
setItemInstanceBySlot(item.children as VNode[]);
|
setItemInstanceBySlot(item.children as VNode[]);
|
||||||
|
@ -25,7 +25,6 @@ import {
|
|||||||
reactive,
|
reactive,
|
||||||
h,
|
h,
|
||||||
createTextVNode,
|
createTextVNode,
|
||||||
isVNode,
|
|
||||||
Fragment,
|
Fragment,
|
||||||
} from "vue";
|
} from "vue";
|
||||||
import { useResizeObserver } from "@vueuse/core";
|
import { useResizeObserver } from "@vueuse/core";
|
||||||
@ -45,8 +44,11 @@ const slot = useSlots();
|
|||||||
const childrens: Ref<VNode[]> = ref([]);
|
const childrens: Ref<VNode[]> = ref([]);
|
||||||
const tabMap = reactive(new Map<number, TabData>());
|
const tabMap = reactive(new Map<number, TabData>());
|
||||||
|
|
||||||
const setItemInstanceBySlot = function (nodeList: VNode[]) {
|
const setItemInstanceBySlot = function (nodes: VNode[]) {
|
||||||
nodeList?.map((item) => {
|
const showNodes = nodes?.filter((item: VNode) => {
|
||||||
|
return item.children != "v-if";
|
||||||
|
});
|
||||||
|
showNodes?.map((item) => {
|
||||||
let component = item.type as Component;
|
let component = item.type as Component;
|
||||||
if (component.name != tabItem.name) {
|
if (component.name != tabItem.name) {
|
||||||
setItemInstanceBySlot(item.children as VNode[]);
|
setItemInstanceBySlot(item.children as VNode[]);
|
||||||
|
@ -135,8 +135,8 @@
|
|||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-tag-input:hover,
|
.layui-tag-input:not(.layui-tag-input-disabled):hover,
|
||||||
.layui-tag-input:focus-within {
|
.layui-tag-input:not(.layui-tag-input-disabled):focus-within {
|
||||||
border-color: #d2d2d2!important;
|
border-color: #d2d2d2!important;
|
||||||
.layui-tag-input-clear{
|
.layui-tag-input-clear{
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
|
@ -14,7 +14,8 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<lay-tab v-model="current1">
|
<lay-tab v-model="current1">
|
||||||
<lay-tab-item title="选项一" id="1" v-if="false"><div style="padding:20px">选项一</div></lay-tab-item>
|
<lay-tab-item title="选项一" id="1"><div style="padding:20px">选项一</div></lay-tab-item>
|
||||||
|
<!-- 注释 -->
|
||||||
<lay-tab-item title="选项二" id="2"><div style="padding:20px">选项二</div></lay-tab-item>
|
<lay-tab-item title="选项二" id="2"><div style="padding:20px">选项二</div></lay-tab-item>
|
||||||
</lay-tab>
|
</lay-tab>
|
||||||
</template>
|
</template>
|
||||||
@ -28,7 +29,7 @@ export default {
|
|||||||
const current1 = ref("1")
|
const current1 = ref("1")
|
||||||
|
|
||||||
return {
|
return {
|
||||||
current1
|
current1,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user