修复 menu 导航模式下的 more 动画

This commit is contained in:
就眠儀式 2022-01-04 22:32:48 +08:00
parent 8d7c625ff8
commit abf4b76c30
4 changed files with 54 additions and 5 deletions

View File

@ -319,7 +319,7 @@ export default {
::: table ::: table
| 备注 | 描述 | 默认值 | | 备注 | 描述 | 默认值 |
| --------------- | ------------- | -------------------------- | | --------------- | ------------- | --------------------------|
| title | 标题 | -- | | title | 标题 | -- |
| move | 允许拖拽 | `false` | | move | 允许拖拽 | `false` |
| maxmin | 最小化 最大化 | `false` | | maxmin | 最小化 最大化 | `false` |

View File

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

View File

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

View File

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