修复 menu 导航模式下的 more 动画
This commit is contained in:
parent
8d7c625ff8
commit
abf4b76c30
@ -319,7 +319,7 @@ export default {
|
|||||||
::: table
|
::: table
|
||||||
|
|
||||||
| 备注 | 描述 | 默认值 |
|
| 备注 | 描述 | 默认值 |
|
||||||
| --------------- | ------------- | -------------------------- |
|
| --------------- | ------------- | --------------------------|
|
||||||
| title | 标题 | -- |
|
| title | 标题 | -- |
|
||||||
| move | 允许拖拽 | `false` |
|
| move | 允许拖拽 | `false` |
|
||||||
| maxmin | 最小化 最大化 | `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
|
::: table
|
||||||
@ -87,5 +120,16 @@ export default {
|
|||||||
|
|
||||||
:::
|
:::
|
||||||
|
|
||||||
|
::: title Timeline Item 属性
|
||||||
|
:::
|
||||||
|
|
||||||
|
::: table
|
||||||
|
|
||||||
|
| | | |
|
||||||
|
| ------ | -------- | --- |
|
||||||
|
| dot | 节点 | -- |
|
||||||
|
|
||||||
|
:::
|
||||||
|
|
||||||
::: comment
|
::: comment
|
||||||
:::
|
:::
|
@ -6,7 +6,7 @@
|
|||||||
>
|
>
|
||||||
<a href="javascript:void(0)" @click="openHandle">
|
<a href="javascript:void(0)" @click="openHandle">
|
||||||
{{ title }}
|
{{ 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>
|
</a>
|
||||||
<dl
|
<dl
|
||||||
class="layui-nav-child"
|
class="layui-nav-child"
|
||||||
|
@ -1,6 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<li class="layui-timeline-item">
|
<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 class="layui-timeline-content layui-text">
|
||||||
<div v-if="simple" class="layui-timeline-title">
|
<div v-if="simple" class="layui-timeline-title">
|
||||||
{{ title }}
|
{{ title }}
|
||||||
@ -20,7 +23,9 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { defineProps } from "vue";
|
import { defineProps, useSlots } from "vue";
|
||||||
|
|
||||||
|
const slot = useSlots();
|
||||||
|
|
||||||
export interface LayTimelineItemProps {
|
export interface LayTimelineItemProps {
|
||||||
title: string;
|
title: string;
|
||||||
|
Loading…
Reference in New Issue
Block a user