[文档] 调整目录样式

This commit is contained in:
就眠仪式
2021-09-29 23:42:53 +08:00
parent 72474af51d
commit 6e996cd3f0
13 changed files with 127 additions and 40 deletions

9
src/module/menu/index.ts Normal file
View File

@@ -0,0 +1,9 @@
import type { App } from 'vue'
import Component from './index.vue'
import type { IDefineComponent } from '../type/index'
Component.install = (app: App) => {
app.component(Component.name || 'LayMenu', Component)
}
export default Component as IDefineComponent

View File

@@ -0,0 +1,9 @@
<template>
<ul class="layui-nav layui-nav-tree">
<slot></slot>
</ul>
</template>
<script setup name="LayMenu" lang="ts">
</script>

View File

@@ -0,0 +1,9 @@
import type { App } from 'vue'
import Component from './index.vue'
import type { IDefineComponent } from '../type/index'
Component.install = (app: App) => {
app.component(Component.name || 'LayMenuChildItem', Component)
}
export default Component as IDefineComponent

View File

@@ -0,0 +1,7 @@
<template>
<dd><a href="">选项</a></dd>
</template>
<script setup name="LayMenuChildItem" lang="ts">
</script>

View File

@@ -0,0 +1,9 @@
import type { App } from 'vue'
import Component from './index.vue'
import type { IDefineComponent } from '../type/index'
Component.install = (app: App) => {
app.component(Component.name || 'LayMenuItem', Component)
}
export default Component as IDefineComponent

View File

@@ -0,0 +1,14 @@
<template>
<li class="layui-nav-item">
<a href="">{{title}}</a>
</li>
</template>
<script setup name="LayMenuItem" lang="ts">
import { defineProps } from 'vue'
const props =
defineProps<{
title: string
}>()
</script>