diff --git a/docs/docs/zh-CN/components/layout.md b/docs/docs/zh-CN/components/layout.md index ed8714de..c15e76d2 100644 --- a/docs/docs/zh-CN/components/layout.md +++ b/docs/docs/zh-CN/components/layout.md @@ -1,32 +1,32 @@ -::: field 后台布局 -::: - -
- - - -
-
- -

layui 之所以赢得如此多人的青睐，更多是在于它「前后界面兼备」的能力。既可编织出绚丽的前台页面，又可满足繁杂的管理系统界面需求。layui 致力于让每一位开发者都能轻松搭建自己的管理界面。下面是演示代码 :

- -
- ::: field 基础使用 ::: -```html - - - Layui Admin - - - - - - pearadmin.com - -``` +::: demo + + + + + +::: + +
+
::: field 布局组件 ::: diff --git a/docs/docs/zh-CN/guide/introduce.md b/docs/docs/zh-CN/guide/introduce.md index 952ec16f..2fbf3fc6 100644 --- a/docs/docs/zh-CN/guide/introduce.md +++ b/docs/docs/zh-CN/guide/introduce.md @@ -1,5 +1,3 @@ - - layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式 diff --git a/docs/index.html b/docs/index.html index 42fb103d..440e966d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -17,7 +17,7 @@ - +
diff --git a/docs/src/assets/logo-2.png b/docs/src/assets/logo-2.png deleted file mode 100644 index 96b8bc2c..00000000 Binary files a/docs/src/assets/logo-2.png and /dev/null differ diff --git a/docs/src/assets/logo-3.svg b/docs/src/assets/logo-3.svg deleted file mode 100644 index 600cc902..00000000 --- a/docs/src/assets/logo-3.svg +++ /dev/null @@ -1 +0,0 @@ -true_love \ No newline at end of file diff --git a/docs/src/components/LaySearch.vue b/docs/src/components/LaySearch.vue index e8eda417..0d8cb134 100644 --- a/docs/src/components/LaySearch.vue +++ b/docs/src/components/LaySearch.vue @@ -1,9 +1,10 @@ + + \ No newline at end of file diff --git a/docs/src/layouts/Layout.vue b/docs/src/layouts/Layout.vue index b8ae2aed..40d7ebd0 100644 --- a/docs/src/layouts/Layout.vue +++ b/docs/src/layouts/Layout.vue @@ -1,33 +1,45 @@ diff --git a/docs/src/router/zh-CN.ts b/docs/src/router/zh-CN.ts index aba3e1af..8829162c 100644 --- a/docs/src/router/zh-CN.ts +++ b/docs/src/router/zh-CN.ts @@ -1,232 +1,249 @@ import BaseLayout from '../layouts/Layout.vue' +import Component from '../view/component.vue' +import Guide from '../view/guide.vue' +import Home from '../view/home.vue' const zhCN = [ { path: '/', - redirect: '/zh-CN/guide/introduce', + redirect: '/zh-CN/home', component: BaseLayout, - meta: { title: '指南', icon: 'el-icon-position' }, + meta: { title: '首页', icon: 'el-icon-position' }, children: [ { - path: '/zh-CN/guide/introduce', - component: () => import('../../docs/zh-CN/guide/introduce.md'), - meta: { title: '介绍' }, + path: '/zh-CN/home', + component: Home, + meta: { title: '指南' }, }, { - path: '/zh-CN/guide/getStarted', - component: () => import('../../docs/zh-CN/guide/getStarted.md'), - meta: { title: '安装' }, + path: '/zh-CN/guide', + redirect: '/zh-CN/guide/introduce', + component: Guide, + meta: { title: '指南' }, + children: [ + { + path: '/zh-CN/guide/introduce', + component: () => import('../../docs/zh-CN/guide/introduce.md'), + meta: { title: '介绍' }, + }, + { + path: '/zh-CN/guide/getStarted', + component: () => import('../../docs/zh-CN/guide/getStarted.md'), + meta: { title: '安装' }, + }, + { + path: '/zh-CN/guide/changelog', + component: () => import('../../docs/zh-CN/guide/changelog.md'), + meta: { title: '更新' }, + }, + { + path: '/zh-CN/guide/sandbox', + component: () => import('../../docs/zh-CN/guide/sandbox.md'), + meta: { title: '沙盒' }, + } + ] }, { - path: '/zh-CN/guide/changelog', - component: () => import('../../docs/zh-CN/guide/changelog.md'), - meta: { title: '更新' }, - }, - { - path: '/zh-CN/guide/sandbox', - component: () => import('../../docs/zh-CN/guide/sandbox.md'), - meta: { title: '沙盒' }, - }, - ], - }, - { - path: '/zh-CN/components/', - redirect: '/zh-CN/components/button', - component: BaseLayout, - meta: { title: '组件', icon: 'el-icon-copy-document' }, - children: [ - { - path: '/zh-CN/components/layout', - component: () => import('../../docs/zh-CN/components/layout.md'), - meta: { title: '布局' }, - }, - { - path: '/zh-CN/components/color', - component: () => import('../../docs/zh-CN/components/color.md'), - meta: { title: '颜色' }, - }, - { - path: '/zh-CN/components/container', - component: () => import('../../docs/zh-CN/components/container.md'), - meta: { title: '容器' }, - }, - { - path: '/zh-CN/components/breadcrumb', - component: () => import('../../docs/zh-CN/components/breadcrumb.md'), - meta: { title: '面包屑' }, - }, - { - path: '/zh-CN/components/button', - component: () => import('../../docs/zh-CN/components/button.md'), - meta: { title: '按钮' }, - }, - { - path: '/zh-CN/components/icon', - component: () => import('../../docs/zh-CN/components/icon.md'), - meta: { title: '图标' }, - }, - { - path: '/zh-CN/components/panel', - component: () => import('../../docs/zh-CN/components/panel.md'), - meta: { title: '面板' }, - }, - { - path: '/zh-CN/components/animation', - component: () => import('../../docs/zh-CN/components/animation.md'), - meta: { title: '动画' }, - }, - { - path: '/zh-CN/components/card', - component: () => import('../../docs/zh-CN/components/cards.md'), - meta: { title: '卡片' }, - }, - { - path: '/zh-CN/components/grid', - component: () => import('../../docs/zh-CN/components/grid.md'), - meta: { title: '栅格' }, - }, - { - path: '/zh-CN/components/form', - component: () => import('../../docs/zh-CN/components/form.md'), - meta: { title: '表单' }, - }, - { - path: '/zh-CN/components/badge', - component: () => import('../../docs/zh-CN/components/badge.md'), - meta: { title: '徽章' }, - }, - { - 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: '分割' }, - }, - { - path: '/zh-CN/components/progress', - component: () => import('../../docs/zh-CN/components/progress.md'), - meta: { title: '进度' }, - }, - { - path: '/zh-CN/components/menu', - component: () => import('../../docs/zh-CN/components/menu.md'), - meta: { title: '菜单' }, - }, - { - path: '/zh-CN/components/timeline', - component: () => import('../../docs/zh-CN/components/timeline.md'), - meta: { title: '时间线' }, - }, - { - path: '/zh-CN/components/collapse', - component: () => import('../../docs/zh-CN/components/collapse.md'), - meta: { title: '手风琴' }, - }, - { - path: '/zh-CN/components/table', - component: () => import('../../docs/zh-CN/components/table.md'), - meta: { title: '表格' }, - }, - { - path: '/zh-CN/components/avatar', - component: () => import('../../docs/zh-CN/components/avatar.md'), - meta: { title: '头像' }, - }, - { - path: '/zh-CN/components/field', - component: () => import('../../docs/zh-CN/components/field.md'), - meta: { title: '字段' }, - }, - { - path: '/zh-CN/components/empty', - component: () => import('../../docs/zh-CN/components/empty.md'), - meta: { title: '空' }, - }, - { - path: '/zh-CN/components/rate', - component: () => import('../../docs/zh-CN/components/rate.md'), - meta: { title: '评分' }, - }, - { - path: '/zh-CN/components/dropdown', - component: () => import('../../docs/zh-CN/components/dropdown.md'), - meta: { title: '下拉' }, - }, - { - path: '/zh-CN/components/tab', - component: () => import('../../docs/zh-CN/components/tab.md'), - meta: { title: '选项卡' }, - }, - { - path: '/zh-CN/components/iconPicker', - component: () => import('../../docs/zh-CN/components/iconPicker.md'), - meta: { title: '图标选择' }, - }, - { - path: '/zh-CN/components/tree', - component: () => import('../../docs/zh-CN/components/tree.md'), - meta: { title: '树形组件' }, - }, - { - path: '/zh-CN/components/page', - component: () => import('../../docs/zh-CN/components/page.md'), - meta: { title: '分页' }, - }, - { - path: '/zh-CN/components/transfer', - component: () => import('../../docs/zh-CN/components/transfer.md'), - meta: { title: '穿梭框' }, - }, - { - path: '/zh-CN/components/checkbox', - component: () => import('../../docs/zh-CN/components/checkbox.md'), - meta: { title: '复选框' }, - }, - { - path: '/zh-CN/components/radio', - component: () => import('../../docs/zh-CN/components/radio.md'), - meta: { title: '单选框' }, - }, - { - path: '/zh-CN/components/input', - component: () => import('../../docs/zh-CN/components/input.md'), - meta: { title: '输入框' }, - }, - { - path: '/zh-CN/components/textarea', - component: () => import('../../docs/zh-CN/components/textarea.md'), - meta: { title: '文本域' }, - }, - { - path: '/zh-CN/components/switch', - component: () => import('../../docs/zh-CN/components/switch.md'), - meta: { title: '开关' }, - }, - { - path: '/zh-CN/components/slider', - component: () => import('../../docs/zh-CN/components/slider.md'), - meta: { title: '滑块' }, - }, - { - path: '/zh-CN/components/carousel', - component: () => import('../../docs/zh-CN/components/carousel.md'), - meta: { title: '轮播' }, - }, - { - path: '/zh-CN/components/select', - component: () => import('../../docs/zh-CN/components/select.md'), - meta: { title: '下拉选择' }, - }, - { - path: '/zh-CN/components/colorPicker', - component: () => import('../../docs/zh-CN/components/colorPicker.md'), - meta: { title: '颜色选择器' }, - }, - ], - }, + path: '/zh-CN/components', + redirect: '/zh-CN/components/button', + component: Component, + meta: { title: '组件' }, + children: [ + { + path: '/zh-CN/components/layout', + component: () => import('../../docs/zh-CN/components/layout.md'), + meta: { title: '布局' }, + }, + { + path: '/zh-CN/components/color', + component: () => import('../../docs/zh-CN/components/color.md'), + meta: { title: '颜色' }, + }, + { + path: '/zh-CN/components/container', + component: () => import('../../docs/zh-CN/components/container.md'), + meta: { title: '容器' }, + }, + { + path: '/zh-CN/components/breadcrumb', + component: () => import('../../docs/zh-CN/components/breadcrumb.md'), + meta: { title: '面包屑' }, + }, + { + path: '/zh-CN/components/button', + component: () => import('../../docs/zh-CN/components/button.md'), + meta: { title: '按钮' }, + }, + { + path: '/zh-CN/components/icon', + component: () => import('../../docs/zh-CN/components/icon.md'), + meta: { title: '图标' }, + }, + { + path: '/zh-CN/components/panel', + component: () => import('../../docs/zh-CN/components/panel.md'), + meta: { title: '面板' }, + }, + { + path: '/zh-CN/components/animation', + component: () => import('../../docs/zh-CN/components/animation.md'), + meta: { title: '动画' }, + }, + { + path: '/zh-CN/components/card', + component: () => import('../../docs/zh-CN/components/cards.md'), + meta: { title: '卡片' }, + }, + { + path: '/zh-CN/components/grid', + component: () => import('../../docs/zh-CN/components/grid.md'), + meta: { title: '栅格' }, + }, + { + path: '/zh-CN/components/form', + component: () => import('../../docs/zh-CN/components/form.md'), + meta: { title: '表单' }, + }, + { + path: '/zh-CN/components/badge', + component: () => import('../../docs/zh-CN/components/badge.md'), + meta: { title: '徽章' }, + }, + { + 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: '分割' }, + }, + { + path: '/zh-CN/components/progress', + component: () => import('../../docs/zh-CN/components/progress.md'), + meta: { title: '进度' }, + }, + { + path: '/zh-CN/components/menu', + component: () => import('../../docs/zh-CN/components/menu.md'), + meta: { title: '菜单' }, + }, + { + path: '/zh-CN/components/timeline', + component: () => import('../../docs/zh-CN/components/timeline.md'), + meta: { title: '时间线' }, + }, + { + path: '/zh-CN/components/collapse', + component: () => import('../../docs/zh-CN/components/collapse.md'), + meta: { title: '手风琴' }, + }, + { + path: '/zh-CN/components/table', + component: () => import('../../docs/zh-CN/components/table.md'), + meta: { title: '表格' }, + }, + { + path: '/zh-CN/components/avatar', + component: () => import('../../docs/zh-CN/components/avatar.md'), + meta: { title: '头像' }, + }, + { + path: '/zh-CN/components/field', + component: () => import('../../docs/zh-CN/components/field.md'), + meta: { title: '字段' }, + }, + { + path: '/zh-CN/components/empty', + component: () => import('../../docs/zh-CN/components/empty.md'), + meta: { title: '空' }, + }, + { + path: '/zh-CN/components/rate', + component: () => import('../../docs/zh-CN/components/rate.md'), + meta: { title: '评分' }, + }, + { + path: '/zh-CN/components/dropdown', + component: () => import('../../docs/zh-CN/components/dropdown.md'), + meta: { title: '下拉' }, + }, + { + path: '/zh-CN/components/tab', + component: () => import('../../docs/zh-CN/components/tab.md'), + meta: { title: '选项卡' }, + }, + { + path: '/zh-CN/components/iconPicker', + component: () => import('../../docs/zh-CN/components/iconPicker.md'), + meta: { title: '图标选择' }, + }, + { + path: '/zh-CN/components/tree', + component: () => import('../../docs/zh-CN/components/tree.md'), + meta: { title: '树形组件' }, + }, + { + path: '/zh-CN/components/page', + component: () => import('../../docs/zh-CN/components/page.md'), + meta: { title: '分页' }, + }, + { + path: '/zh-CN/components/transfer', + component: () => import('../../docs/zh-CN/components/transfer.md'), + meta: { title: '穿梭框' }, + }, + { + path: '/zh-CN/components/checkbox', + component: () => import('../../docs/zh-CN/components/checkbox.md'), + meta: { title: '复选框' }, + }, + { + path: '/zh-CN/components/radio', + component: () => import('../../docs/zh-CN/components/radio.md'), + meta: { title: '单选框' }, + }, + { + path: '/zh-CN/components/input', + component: () => import('../../docs/zh-CN/components/input.md'), + meta: { title: '输入框' }, + }, + { + path: '/zh-CN/components/textarea', + component: () => import('../../docs/zh-CN/components/textarea.md'), + meta: { title: '文本域' }, + }, + { + path: '/zh-CN/components/switch', + component: () => import('../../docs/zh-CN/components/switch.md'), + meta: { title: '开关' }, + }, + { + path: '/zh-CN/components/slider', + component: () => import('../../docs/zh-CN/components/slider.md'), + meta: { title: '滑块' }, + }, + { + path: '/zh-CN/components/carousel', + component: () => import('../../docs/zh-CN/components/carousel.md'), + meta: { title: '轮播' }, + }, + { + path: '/zh-CN/components/select', + component: () => import('../../docs/zh-CN/components/select.md'), + meta: { title: '下拉选择' }, + }, + { + path: '/zh-CN/components/colorPicker', + component: () => import('../../docs/zh-CN/components/colorPicker.md'), + meta: { title: '颜色选择器' }, + }, + ] + } + + ] + } ] export default zhCN diff --git a/docs/src/view/component.vue b/docs/src/view/component.vue new file mode 100644 index 00000000..c9af7a6b --- /dev/null +++ b/docs/src/view/component.vue @@ -0,0 +1,293 @@ + + \ No newline at end of file diff --git a/docs/src/view/guide.vue b/docs/src/view/guide.vue new file mode 100644 index 00000000..62586a45 --- /dev/null +++ b/docs/src/view/guide.vue @@ -0,0 +1,83 @@ + + \ No newline at end of file diff --git a/docs/src/view/home.vue b/docs/src/view/home.vue new file mode 100644 index 00000000..b86b1cd0 --- /dev/null +++ b/docs/src/view/home.vue @@ -0,0 +1,66 @@ + + + \ No newline at end of file diff --git a/src/css/layui.css b/src/css/layui.css index 226dd4e4..9990ec5c 100644 --- a/src/css/layui.css +++ b/src/css/layui.css @@ -1057,10 +1057,10 @@ a cite { } .layui-layout-admin .layui-header { - position: fixed; top: 0; left: 0; right: 0; + position: fixed; background-color: #23262e; }