docs: 优化文档

This commit is contained in:
就眠仪式 2021-10-26 01:14:17 +08:00
parent 8d99918e56
commit 401efd527d
32 changed files with 165 additions and 160 deletions

View File

@ -51,5 +51,5 @@ export default {
:::
| Name | Description | Accepted Values |
| ----- | ------ | -------------- |
| ---- | ----------- | --------------- |
| nm | 灰色样式 | -- |

View File

@ -80,12 +80,12 @@ export default {
:::
| Name | Description | Accepted Values |
| --------- | ------ | --- |
| --------- | ----------- | --------------- |
| separator | 分割符 | `/` |
::: title 面包屑插槽
:::
| Name | Description | Accepted Values |
| --------- | ------ | --- |
| ------- | ----------- | --------------- |
| default | 默认插槽 | `--` |

View File

@ -256,7 +256,7 @@ export default {
:::
| Name | Description | Accepted Values |
| ------ | ------ | --------------------------------------------- |
| ------ | ----------- | --------------------------------------------- |
| type | 主题 | `primary` `normal` `warm` `danger` `disabled` |
| size | 尺寸 | `lg` `sm` `xs` |
| fluid | 最大化 | `true` `false` |

View File

@ -29,6 +29,7 @@ export default {
padding: 20px;
}
</style>
:::
::: title 卡片插槽
@ -67,6 +68,7 @@ export default {
padding: 20px;
}
</style>
:::
::: title 简单使用
@ -100,20 +102,20 @@ export default {
padding: 20px;
}
</style>
:::
:::
::: title 卡片属性
:::
| | | |
| ------ | ---- | ------ |
| ----- | ---- | --- |
| title | 标题 | -- |
::: title 卡片插槽
:::
| | | |
| ------ | ---- | ------ |
| ------ | -------- | --- |
| header | 头部插槽 | -- |
| body | 内容插槽 | -- |

View File

@ -28,13 +28,12 @@ export default {
:::
::: title Collapse attributes
:::
| Name | Description | Accepted Values |
| ----- | ------ | -------------- |
| -------- | ----------- | --------------- |
| openKeys | 打开的目录 | `array` |
::: title Collapse-item attributes
@ -42,6 +41,6 @@ export default {
:::
| Name | Description | Accepted Values |
| ----- | ------ | -------------- |
| ----- | ----------- | --------------- |
| id | 编号 | -- |
| title | 标题 | -- |

View File

@ -69,5 +69,5 @@ export default {
:::
| Name | Description | Accepted Values |
| ----- | ------ | -------------- |
| ----- | ----------- | --------------- |
| fluid | 流模式 | `true` `false` |

View File

@ -71,13 +71,12 @@ export default {
:::
| Name | Description | Accepted Values |
| ------- | -------- | --------------- |
| ------- | ----------- | --------------- |
| trigger | 触发方式 | `click` `hover` |
::: title Dropdown 插槽
:::
| Name | Description | Accepted Values |
| ------- | -------- | --------------- |
| ------- | ----------- | --------------- |
| content | 下拉内容 | -- |

View File

@ -49,5 +49,5 @@ export default {
:::
| Name | Description | Accepted Values |
| ----------- | -------- | --- |
| ----------- | ----------- | --------------- |
| description | 描述信息 | -- |

View File

@ -1,4 +1,3 @@
::: demo
<template>
@ -63,5 +62,5 @@ export default {
:::
| Name | Description | Accepted Values |
| ----- | ---- | --- |
| ----- | ----------- | --------------- |
| title | 标题 | -- |

View File

@ -46,19 +46,19 @@ export default {
:::
| Name | Description | Accepted Values |
| ----- | ------ | -------------- |
| ----- | ----------- | --------------- |
| model | 表单绑定值 | -- |
::: title 表单事件
:::
| Name | Description | Accepted Values |
| ----- | ------ | -------------- |
| ------ | ----------- | --------------- |
| submit | 提交事件 | -- |
::: title 表单项属性
:::
| Name | Description | Accepted Values |
| ----- | ------ | -------------- |
| ----- | ----------- | --------------- |
| label | 标题名称 | -- |

View File

@ -141,7 +141,7 @@ export default {
:::
| Name | Description | Accepted Values |
| -------- | ---- | ----------------------- |
| ----- | ----------- | --------------- |
| space | 间隔 | -- |
::: title 列属性
@ -149,7 +149,7 @@ export default {
:::
| Name | Description | Description Info | Accepted Values |
| -------- | ---- | ----------------------- | --- |
| -------- | ----------- | ----------------------- | --------------- |
| xs | 尺寸 | 超小屏幕 (手机<768px) | 12 |
| sm | 尺寸 | 小屏幕 (平板 ≥768px) | 12 |
| md | 尺寸 | 中等屏幕 (桌面 ≥992px) | 12 |

View File

@ -1108,7 +1108,7 @@ export default {
:::
| Name | Description | Default Value |
| ---- | ---- | ----------------- |
| ------ | ----------- | ----------------- |
| type | 图标 | `layui-icon-home` |
| prefix | 前缀 | `layui-icon` |
| color | 颜色 | -- |

View File

@ -36,5 +36,5 @@ export default {
:::
| Name | Description | Accepted Values |
| ----- | ---- | --------------------------------------------- |
| ----- | ----------- | --------------------------------------------- |
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |

View File

@ -81,7 +81,7 @@ export default {
:::
| Name | Description | Accepted Values |
| --------------------- | ------ | --- |
| --------------------- | ----------- | --------------- |
| selectedKey (v-model) | 选中项 | -- |
| openKeys (v-model) | 打开项 | -- |
@ -89,5 +89,5 @@ export default {
:::
| Name | Description | Accepted Values |
| ----- | -------- | --- |
| ----- | ----------- | --------------- |
| title | 菜单标题 | -- |

View File

@ -210,14 +210,13 @@ export default {
:::
| | | |
| ----------- | ------------ | ------- |
| ---- | -------- | --------------------- |
| jump | 切换回调 | { current: 当前页面 } |
::: title 分页插槽
:::
| | | |
| ----------- | ------------ | ------- |
| ---- | ------ | ------ |
| prev | 上一页 | 上一页 |
| next | 下一页 | 下一页 |

View File

@ -25,5 +25,5 @@ export default {
:::
| Name | Description | Accepted Values |
| ----- | ------ | -------------- |
| ------- | ----------- | --------------- |
| default | 默认插槽 | -- |

View File

@ -59,7 +59,7 @@ export default {
:::
| Name | Description | Accepted Values |
| -------- | ---- | ----------------------- |
| ------- | -------------- | --------------- |
| name | 原生 name 属性 | -- |
| v-model | 选中值 | -- |
@ -67,7 +67,7 @@ export default {
:::
| Name | Description | Accepted Values |
| -------- | ---- | ----------------------- |
| ----- | ----------- | --------------- |
| label | 标签 | -- |
| value | 值 | -- |
@ -75,12 +75,12 @@ export default {
:::
| Name | Description | Accepted Values |
| -------- | ---- | ----------------------- |
| ------- | ----------- | --------------- |
| default | 默认 | -- |
::: title select 事件
:::
| Name | Description | Accepted Values |
| -------- | ---- | ----------------------- |
| ------ | ----------- | --------------- |
| change | 切换事件 | value |

View File

@ -265,7 +265,7 @@ export default {
:::
| | | |
| --------------- | ---------- | --- |
| ------------------------ | ---------- | -------------- |
| columns | 列配置 | -- |
| dataSource | 数据源 | -- |
| checkbox | 开启复现框 | -- |
@ -279,5 +279,5 @@ export default {
:::
| | | |
| --------------- | ----------- | --- |
| ------- | ------------ | --- |
| toolbar | 自定义工具栏 | -- |

View File

@ -77,6 +77,6 @@ export default {
:::
| | | |
| --------------- | ---------- | --- |
| ------ | -------- | --- |
| simple | 简单模式 | -- |
| title | 标题 | -- |

View File

@ -87,7 +87,7 @@ export default {
:::
| Name | Description | Accepted Values |
| -------- | ---- | ----------------------- |
| ---------- | ----------- | --------------- |
| dataSource | 数据来源 | -- |
| title | 标题 | -- |
| id | 主键 | -- |
@ -96,5 +96,5 @@ export default {
:::
| Name | Description | Accepted Values |
| -------- | ---- | ----------------------- |
| ---- | ----------- | --------------- |
| item | 列表项 | { data } |

View File

@ -1,7 +1,7 @@
<template>
<lay-layout>
<lay-side>
<lay-scroll style="overflow-y: scroll;">
<lay-scroll style="overflow-y: scroll">
<ul class="layui-menu layui-menu-lg layui-menu-docs">
<li
v-for="menu in menus"

View File

@ -1,7 +1,7 @@
<template>
<lay-layout>
<lay-side>
<lay-scroll style="overflow-y: scroll;">
<lay-scroll style="overflow-y: scroll">
<ul class="layui-menu layui-menu-lg layui-menu-docs">
<li
v-for="menu in menus"
@ -85,7 +85,7 @@ export default {
title: '更新',
subTitle: 'change log',
path: '/zh-CN/guide/changelog',
}
},
],
},
]

View File

@ -1,7 +1,7 @@
<template>
<lay-layout>
<lay-side>
<lay-scroll style="overflow-y: scroll;">
<lay-scroll style="overflow-y: scroll">
<ul class="layui-menu layui-menu-lg layui-menu-docs">
<li
v-for="menu in menus"

View File

@ -1,5 +1,12 @@
<template>
<div style="margin-top:60px;background-color: whitesmoke; height: 100%; width: 100%">
<div
style="
margin-top: 60px;
background-color: whitesmoke;
height: 100%;
width: 100%;
"
>
<div class="site-banner">
<div class="site-banner-main">
<div class="site-zfj site-zfj-anim">

View File

@ -3,5 +3,5 @@ import { ref, onMounted, onUnmounted, Ref } from 'vue'
const useNestedEvent = (elementRef: Ref<HTMLElement | null>) => {
const event = ref(false)
return event
}
export default useNestedEvent
}
export default useNestedEvent