🌀(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 slotsChange = ref(true);
 | 
			
		||||
 | 
			
		||||
const setItemInstanceBySlot = function (nodeList: VNode[]) {
 | 
			
		||||
  nodeList?.map((item) => {
 | 
			
		||||
const setItemInstanceBySlot = function (nodes: VNode[]) {
 | 
			
		||||
  const showNodes = nodes?.filter((item: VNode) => {
 | 
			
		||||
    return item.children != "v-if";
 | 
			
		||||
  });
 | 
			
		||||
  showNodes?.map((item) => {
 | 
			
		||||
    let component = item.type as Component;
 | 
			
		||||
    if (component.name != CarouselItem.name) {
 | 
			
		||||
      setItemInstanceBySlot(item.children as VNode[]);
 | 
			
		||||
 | 
			
		||||
@ -25,7 +25,6 @@ import {
 | 
			
		||||
  reactive,
 | 
			
		||||
  h,
 | 
			
		||||
  createTextVNode,
 | 
			
		||||
  isVNode,
 | 
			
		||||
  Fragment,
 | 
			
		||||
} from "vue";
 | 
			
		||||
import { useResizeObserver } from "@vueuse/core";
 | 
			
		||||
@ -45,8 +44,11 @@ const slot = useSlots();
 | 
			
		||||
const childrens: Ref<VNode[]> = ref([]);
 | 
			
		||||
const tabMap = reactive(new Map<number, TabData>());
 | 
			
		||||
 | 
			
		||||
const setItemInstanceBySlot = function (nodeList: VNode[]) {
 | 
			
		||||
  nodeList?.map((item) => {
 | 
			
		||||
const setItemInstanceBySlot = function (nodes: VNode[]) {
 | 
			
		||||
  const showNodes = nodes?.filter((item: VNode) => {
 | 
			
		||||
    return item.children != "v-if";
 | 
			
		||||
  });
 | 
			
		||||
  showNodes?.map((item) => {
 | 
			
		||||
    let component = item.type as Component;
 | 
			
		||||
    if (component.name != tabItem.name) {
 | 
			
		||||
      setItemInstanceBySlot(item.children as VNode[]);
 | 
			
		||||
 | 
			
		||||
@ -135,8 +135,8 @@
 | 
			
		||||
  padding: 0 10px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layui-tag-input:hover,
 | 
			
		||||
.layui-tag-input:focus-within {
 | 
			
		||||
.layui-tag-input:not(.layui-tag-input-disabled):hover,
 | 
			
		||||
.layui-tag-input:not(.layui-tag-input-disabled):focus-within {
 | 
			
		||||
  border-color: #d2d2d2!important;
 | 
			
		||||
  .layui-tag-input-clear{
 | 
			
		||||
    visibility: visible;
 | 
			
		||||
 | 
			
		||||
@ -14,7 +14,8 @@
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
  <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>
 | 
			
		||||
</template>
 | 
			
		||||
@ -28,7 +29,7 @@ export default {
 | 
			
		||||
    const current1 = ref("1")
 | 
			
		||||
 | 
			
		||||
    return {
 | 
			
		||||
      current1
 | 
			
		||||
      current1,
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user