🌀(select): 统一单选与多选状态下的 hover 样式

This commit is contained in:
就眠儀式 2022-11-02 10:15:58 +08:00
parent e53e2e0bf4
commit 1755e0e3a8
4 changed files with 15 additions and 9 deletions

View File

@ -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[]);

View File

@ -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[]);

View File

@ -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;

View File

@ -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,
} }
} }
} }