From ce26429bae7812785dfc56a574dd36cb5647e975 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com> Date: Fri, 22 Oct 2021 09:18:40 +0800 Subject: [PATCH] =?UTF-8?q?ci:=20=E6=9B=B4=E6=96=B0=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/docs/zh-CN/components/layout.md | 52 +-- docs/docs/zh-CN/guide/introduce.md | 2 - docs/index.html | 2 +- docs/src/assets/logo-2.png | Bin 9058 -> 0 bytes docs/src/assets/logo-3.svg | 1 - docs/src/components/LaySearch.vue | 29 +- docs/src/layouts/Layout.vue | 64 ++-- docs/src/router/zh-CN.ts | 451 ++++++++++++++------------- docs/src/view/component.vue | 293 +++++++++++++++++ docs/src/view/guide.vue | 83 +++++ docs/src/view/home.vue | 66 ++++ src/css/layui.css | 2 +- 12 files changed, 753 insertions(+), 292 deletions(-) delete mode 100644 docs/src/assets/logo-2.png delete mode 100644 docs/src/assets/logo-3.svg create mode 100644 docs/src/view/component.vue create mode 100644 docs/src/view/guide.vue create mode 100644 docs/src/view/home.vue 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 96b8bc2c245c545e5d70121eaef65757bc233793..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9058 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 SJfr|Ng%o5|q>Cg?eE$o}C2Sr5 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; }