theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'develop' of https://gitee.com/dingyongya/layui-vue into setup

Browse Source
This commit is contained in:
dingyongya
2022-01-05 16:51:44 +08:00
parent 44a74fc8e5 e13420dfb5
commit c56a3e94e3
16 changed files with 333 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
example/docs/zh-CN/components/menu.md
View File

@@ -11,15 +11,15 @@
<lay-menu-item title="首页" id="1"></lay-menu-item>
<lay-menu-item title="用户" id="2"></lay-menu-item>
<lay-menu-item title="角色" id="3"></lay-menu-item>
<lay-menu-item title="目录" id="7">
<lay-sub-menu title="目录" id="7">
<lay-menu-item title="菜单一" id="8"></lay-menu-item>
<lay-menu-item title="菜单二" id="9"></lay-menu-item>
<lay-menu-item title="菜单三" id="10">
<lay-sub-menu title="菜单三" id="10">
<lay-menu-item title="菜单一" id="11"></lay-menu-item>
<lay-menu-item title="菜单二" id="12"></lay-menu-item>
<lay-menu-item title="菜单三" id="13"></lay-menu-item>
</lay-menu-item>
</lay-menu-item>
</lay-sub-menu>
</lay-sub-menu>
</lay-menu>
</template>
@@ -48,20 +48,68 @@ export default {
<template>
<lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree">
<lay-menu-item title="首页" id="1">
<template v-slot:title>
<router-link to="">无感</router-link>
</template>
</lay-menu-item>
<lay-menu-item title="首页" id="1"></lay-menu-item>
<lay-menu-item title="用户" id="2"></lay-menu-item>
<lay-menu-item title="角色" id="3"></lay-menu-item>
<lay-menu-item title="目录" id="7">
<lay-sub-menu title="目录" id="7">
<lay-menu-item title="菜单一" id="8"></lay-menu-item>
<lay-menu-item title="菜单二" id="9"></lay-menu-item>
<lay-menu-item title="菜单三" id="10">
<lay-sub-menu title="菜单三" id="10">
<lay-menu-item title="菜单一" id="11"></lay-menu-item>
<lay-menu-item title="菜单二" id="12"></lay-menu-item>
<lay-menu-item title="菜单三" id="13"></lay-menu-item>
</lay-sub-menu>
</lay-sub-menu>
</lay-menu>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const isTree = ref(true)
const selectedKey = ref("5")
const openKeys = ref(["7"])
return {
isTree,
openKeys,
selectedKey
}
}
}
</script>
:::
::: title 菜单插槽
:::
::: demo
<template>
<lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree">
<lay-menu-item id="1">
<template v-slot:title>
<router-link to="">首页</router-link>
</template>
</lay-menu-item>
<lay-menu-item id="7">
<template v-slot:title>
<router-link to="">目录</router-link>
</template>
<lay-menu-item id="8">
<template v-slot:title>
<router-link to="">菜单一</router-link>
</template>
</lay-menu-item>
<lay-menu-item id="9">
<template v-slot:title>
<router-link to="">菜单二</router-link>
</template>
</lay-menu-item>
</lay-menu-item>
</lay-menu>

2
example/docs/zh-CN/components/modal.md
View File

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

24
example/docs/zh-CN/components/slider.md
View File

@@ -1,6 +1,3 @@
::: anchor
:::
::: title 横向
:::
@@ -56,7 +53,7 @@ export default {
::: demo
<template>
<lay-slider v-model="value3" :range="true"></lay-slider>
<lay-slider v-model:standardrange="value3" :range="true"></lay-slider>
</template>
<script>
@@ -78,14 +75,14 @@ export default {
::: demo
<template>
<lay-slider v-model="value3" :range="true" :vertical="true"></lay-slider>
<lay-slider v-model:verticalrange="value4" :range="true" :vertical="true"></lay-slider>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const value4 = ref([20,50])
const value4 = ref([23,56])
return {
value4
}
@@ -94,5 +91,20 @@ export default {
</script>
:::
::: title slider 属性
:::
::: table
| 属性 | 描述 | 类型 | 可选值 | 默认值 |
| ------------ | --------------------- | ------------------------- | -------------- | -------- |
| v-model | 选中值 | `number` | - | - |
| vertical | 是否垂直 | `Boolean` | - | - |
| range | 是否区间 | `Boolean` | - | - |
| verticalrange | 垂直区间值 | `Array` | - | - |
| standardrange | 水平区间值 | `Array` | - | - |
:::
::: comment
:::

46
example/docs/zh-CN/components/timeline.md
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
@@ -87,5 +120,16 @@ export default {
:::
::: title Timeline Item 属性
:::
::: table
| | | |
| ------ | -------- | --- |
| dot | 节点 | -- |
:::
::: comment
:::

13
example/docs/zh-CN/guide/changelog.md
View File

@@ -11,6 +11,19 @@
<template>
<lay-timeline>
<lay-timeline-item title="0.3.x">
<ul>
<a name="0-3-3"> </a>
<li>
<h3>0.3.3 <span class="layui-badge-rim">2022-01-05</span></h3>
<ul>
<li>[新增] setup 步骤条组件。</li>
<li>[新增] slider 滑块组件 vertical 属性, 支持垂直布局。</li>
<li>[新增] timeline-item 时间线组件 dot 插槽, 支持自定义节点内容。</li>
<li>[新增] sub-menu 目录组件, 与 menu-item 组合使用。</li>
<li>[修复] menu 组件 layui-nav-more 切换动画。</li>
</ul>
</li>
</ul>
<ul>
<a name="0-3-2"> </a>
<li>

2
example/docs/zh-CN/guide/introduce.md
View File

@@ -3,7 +3,7 @@
<p>
<a href="http://layui-vue.pearadmin.com">
<img src="https://sentsin.gitee.io/res/images/layui/layui.png" alt="layui" width="500">
<img src="../../../src/assets/logo-new.png" alt="layui" width="500">
</a>
</p>

44
example/docs/zh-CN/guide/member.md
View File

@@ -3,13 +3,13 @@
<lay-card>
<lay-row>
<lay-col md="1">
<lay-col md="2">
<lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"></lay-avatar>
</lay-col>
<lay-col md="2">
<lay-col md="3">
就眠仪式
</lay-col>
<lay-col md="10">
<lay-col md="8">
焦点：layui-vue
</lay-col>
<lay-col md="4">
@@ -22,13 +22,13 @@
</lay-card>
<lay-card>
<lay-row>
<lay-col md="1">
<lay-col md="2">
<lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/1755/5267877_jobin_jia_1608578025.png"></lay-avatar>
</lay-col>
<lay-col md="2">
<lay-col md="3">
落小梅
</lay-col>
<lay-col md="10">
<lay-col md="8">
焦点：tree table
</lay-col>
<lay-col md="4">
@@ -42,13 +42,13 @@
<lay-card>
<lay-row>
<lay-col md="1">
<lay-col md="2">
<lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/702/2106738_wanglin300_1639442830.png"></lay-avatar>
</lay-col>
<lay-col md="2">
<lay-col md="3">
halo
</lay-col>
<lay-col md="10">
<lay-col md="8">
焦点：slider
</lay-col>
<lay-col md="4">
@@ -62,13 +62,13 @@
<lay-card>
<lay-row>
<lay-col md="1">
<lay-col md="2">
<lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/1871/5614379_xumisky_1607057214.png"></lay-avatar>
</lay-col>
<lay-col md="2">
<lay-col md="3">
须弥
</lay-col>
<lay-col md="10">
<lay-col md="8">
焦点：layui-vue
</lay-col>
<lay-col md="4">
@@ -82,13 +82,13 @@
<lay-card>
<lay-row>
<lay-col md="1">
<lay-col md="2">
<lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/2469/7407590_wcg666_1640528494.png"></lay-avatar>
</lay-col>
<lay-col md="2">
<lay-col md="3">
Sight
</lay-col>
<lay-col md="10">
<lay-col md="8">
焦点：count-up backtop
</lay-col>
<lay-col md="4">
@@ -102,13 +102,13 @@
<lay-card>
<lay-row>
<lay-col md="1">
<lay-col md="2">
<lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/2596/7789823_finalsummer_1613993823.png"></lay-avatar>
</lay-col>
<lay-col md="2">
<lay-col md="3">
finalsummer
</lay-col>
<lay-col md="10">
<lay-col md="8">
焦点：layer-vue
</lay-col>
<lay-col md="4">
@@ -122,14 +122,14 @@
<lay-card>
<lay-row>
<lay-col md="1">
<lay-col md="2">
<lay-avatar src="http://mms0.baidu.com/it/u=1690972933,1482111264&fm=253&app=138&f=JPEG&fmt=auto&q=75?w=500&h=500"></lay-avatar>
</lay-col>
<lay-col md="2">
<lay-col md="3">
莫名点
</lay-col>
<lay-col md="10">
焦点：skeleton
<lay-col md="8">
焦点：skeleton setup
</lay-col>
<lay-col md="4">
地点：中国 未知