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

[新增] lay-line 分割线组件

Browse Source
This commit is contained in:
就眠仪式
2021-09-27 22:01:22 +08:00
parent 4abe76d8b9
commit eec76e2cb1
6 changed files with 80 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
docs/docs/zh-CN/components/line.md Normal file
View File

@@ -0,0 +1,25 @@
::: demo
<template>
<lay-line></lay-line>
<lay-line theme="red"></lay-line>
<lay-line theme="orange"></lay-line>
<lay-line theme="green"></lay-line>
<lay-line theme="cyan"></lay-line>
<lay-line theme="blue"></lay-line>
<lay-line theme="black"></lay-line>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::

52
docs/src/layouts/Layout.vue
View File

@@ -1,32 +1,30 @@
<template>
<div class="width:100%;height:300px">
<lay-layout>
<lay-header>
<lay-logo>
layui-vue
</lay-logo>
</lay-header>
<lay-side>
<ul>
<li><router-link to="/zh-CN/components/layout">布局</router-link></li>
<li><router-link to="/zh-CN/components/button">按钮</router-link></li>
<li><router-link to="/zh-CN/components/icon">图标</router-link></li>
<li><router-link to="/zh-CN/components/panel">面板</router-link></li>
<li><router-link to="/zh-CN/components/card">卡片</router-link></li>
<li><router-link to="/zh-CN/components/grid">栅格</router-link></li>
<li><router-link to="/zh-CN/components/form">表单</router-link></li>
<li><router-link to="/zh-CN/components/badge">徽章</router-link></li>
<li><router-link to="/zh-CN/components/block">区块</router-link></li>
</ul>
</lay-side>
<lay-body>
<div style="padding: 20px">
<router-view></router-view>
</div>
</lay-body>
<lay-footer></lay-footer>
</lay-layout>
<lay-layout>
<lay-header>
<lay-logo> layui-vue </lay-logo>
</lay-header>
<lay-side>
<ul>
<li><router-link to="/zh-CN/components/layout">布局</router-link></li>
<li><router-link to="/zh-CN/components/button">按钮</router-link></li>
<li><router-link to="/zh-CN/components/icon">图标</router-link></li>
<li><router-link to="/zh-CN/components/panel">面板</router-link></li>
<li><router-link to="/zh-CN/components/card">卡片</router-link></li>
<li><router-link to="/zh-CN/components/grid">栅格</router-link></li>
<li><router-link to="/zh-CN/components/form">表单</router-link></li>
<li><router-link to="/zh-CN/components/badge">徽章</router-link></li>
<li><router-link to="/zh-CN/components/block">区块</router-link></li>
<li><router-link to="/zh-CN/components/line">分割</router-link></li>
</ul>
</lay-side>
<lay-body>
<div style="padding: 20px">
<router-view></router-view>
</div>
</lay-body>
<lay-footer></lay-footer>
</lay-layout>
</div>
</template>
<script>

5
docs/src/router/zh-CN.ts
View File

@@ -59,6 +59,11 @@ const zhCN = [
path: '/zh-CN/components/block',
component: () => import('../../docs/zh-CN/components/block.md'),
meta: { title: '辅助' },
},
{
path: '/zh-CN/components/line',
component: () => import('../../docs/zh-CN/components/line.md'),
meta: { title: '分割' },
}
],
},