修复 menu 导航模式下的 more 动画
This commit is contained in:
		
							parent
							
								
									8d7c625ff8
								
							
						
					
					
						commit
						abf4b76c30
					
				@ -319,7 +319,7 @@ export default {
 | 
			
		||||
::: table
 | 
			
		||||
 | 
			
		||||
| 备注            | 描述          | 默认值                     |
 | 
			
		||||
| --------------- | ------------- | -------------------------- |
 | 
			
		||||
| --------------- | ------------- | --------------------------|
 | 
			
		||||
| title           | 标题          | --                         |
 | 
			
		||||
| move            | 允许拖拽      | `false`                    |
 | 
			
		||||
| maxmin          | 最小化 最大化 | `false`                    |
 | 
			
		||||
 | 
			
		||||
@ -75,7 +75,40 @@ export default {
 | 
			
		||||
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: title timeline-item attributes
 | 
			
		||||
 | 
			
		||||
::: title 节点插槽
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: demo
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
    <lay-timeline>
 | 
			
		||||
        <lay-timeline-item title="2021年,layui vue 里程碑版本 1.0 发布" simple></lay-timeline-item>
 | 
			
		||||
        <lay-timeline-item title="2017年,layui 里程碑版本 2.0 发布" simple></lay-timeline-item>
 | 
			
		||||
        <lay-timeline-item title="2016年,layui 首个版本发布" simple></lay-timeline-item>
 | 
			
		||||
        <lay-timeline-item title="2015年,layui 孵化" simple>
 | 
			
		||||
            <template #dot>
 | 
			
		||||
                <lay-icon type="layui-icon-face-smile" color="red"></lay-icon>
 | 
			
		||||
            </template>
 | 
			
		||||
        </lay-timeline-item>
 | 
			
		||||
    </lay-timeline>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script>
 | 
			
		||||
import { ref } from 'vue'
 | 
			
		||||
 | 
			
		||||
export default {
 | 
			
		||||
  setup() {
 | 
			
		||||
 | 
			
		||||
    return {
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: title Timeline Item 属性
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: table
 | 
			
		||||
@ -87,5 +120,16 @@ export default {
 | 
			
		||||
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: title Timeline Item 属性
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: table
 | 
			
		||||
 | 
			
		||||
|        |          |     |
 | 
			
		||||
| ------ | -------- | --- |
 | 
			
		||||
| dot | 节点 | --  |
 | 
			
		||||
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: comment
 | 
			
		||||
:::
 | 
			
		||||
@ -6,7 +6,7 @@
 | 
			
		||||
  >
 | 
			
		||||
    <a href="javascript:void(0)" @click="openHandle">
 | 
			
		||||
      {{ title }}
 | 
			
		||||
      <i class="layui-icon layui-icon-down layui-nav-more"></i>
 | 
			
		||||
      <i :class="[openKeys.includes(id) && !isTree ? 'layui-nav-mored' : '']" class="layui-icon layui-icon-down layui-nav-more"></i>
 | 
			
		||||
    </a>
 | 
			
		||||
    <dl
 | 
			
		||||
      class="layui-nav-child"
 | 
			
		||||
 | 
			
		||||
@ -1,6 +1,9 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <li class="layui-timeline-item">
 | 
			
		||||
    <i class="layui-icon layui-timeline-axis"></i>
 | 
			
		||||
    <i class="layui-icon layui-timeline-axis" v-if="slot.dot">
 | 
			
		||||
      <slot name="dot"></slot>
 | 
			
		||||
    </i>
 | 
			
		||||
    <i class="layui-icon layui-timeline-axis" v-else></i>
 | 
			
		||||
    <div class="layui-timeline-content layui-text">
 | 
			
		||||
      <div v-if="simple" class="layui-timeline-title">
 | 
			
		||||
        {{ title }}
 | 
			
		||||
@ -20,7 +23,9 @@ export default {
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<script setup lang="ts">
 | 
			
		||||
import { defineProps } from "vue";
 | 
			
		||||
import { defineProps, useSlots } from "vue";
 | 
			
		||||
 | 
			
		||||
const slot = useSlots();
 | 
			
		||||
 | 
			
		||||
export interface LayTimelineItemProps {
 | 
			
		||||
  title: string;
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user