diff --git a/src/menu/index.js b/src/menu/index.js
index a2262910..5d9d7607 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -128,7 +128,15 @@ const demoElement = {
title: '组件库',
icon: 'puzzle-piece',
children: (pre => [
- { path: `${pre}index`, title: '组件库首页' }
+ { path: `${pre}index`, title: '组件库首页' },
+ {
+ path: `${pre}basic`,
+ title: '基础',
+ children: [
+ { path: `${pre}basic-layout`, title: '布局' },
+ { path: `${pre}basic-container`, title: '布局容器' }
+ ]
+ }
])('/demo/element/')
}
@@ -136,6 +144,7 @@ const demoElement = {
export const side = [
demoPlugins,
demoComponents,
+ demoElement,
demoChart
]
diff --git a/src/pages/demo/element/basic-container/index.vue b/src/pages/demo/element/basic-container/index.vue
new file mode 100644
index 00000000..e4ebfe69
--- /dev/null
+++ b/src/pages/demo/element/basic-container/index.vue
@@ -0,0 +1,86 @@
+
+
+
+ 顶栏
+ 主体
+
+
+ 顶栏
+ 主体
+ 底栏
+
+
+ 侧边栏
+ 主体
+
+
+ 顶栏
+
+ 侧边栏
+ 主体
+
+
+
+ 顶栏
+
+ 侧边栏
+
+ 主体
+ 底栏
+
+
+
+
+ 侧边栏
+
+ 顶栏
+ 主体
+
+
+
+ 侧边栏
+
+ 顶栏
+ 主体
+ 底栏
+
+
+
+
+
+
+
diff --git a/src/pages/demo/element/basic-layout/index.vue b/src/pages/demo/element/basic-layout/index.vue
index b39b59b4..f53ec7e1 100644
--- a/src/pages/demo/element/basic-layout/index.vue
+++ b/src/pages/demo/element/basic-layout/index.vue
@@ -1,5 +1,141 @@
-
- qqq
+
+
+ 基础布局
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 分栏间隔
+
+
+
+
+
+
+
+
+ 混合布局
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 分栏偏移
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 对齐方式
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 响应式布局
+
+
+
+
+
+
+
+
+
+
diff --git a/src/router/index.js b/src/router/index.js
index 5efc5b37..3ef19f1b 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -108,6 +108,8 @@ const routes = [
redirect: { name: 'demo-element-index' },
component: () => import('@/components/core/d2-layout-main/index.vue'),
children: (pre => [
+ { path: 'basic-layout', name: `${pre}basic-layout`, component: () => import('@/pages/demo/element/basic-layout/index.vue'), meta },
+ { path: 'basic-container', name: `${pre}basic-container`, component: () => import('@/pages/demo/element/basic-container/index.vue'), meta },
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/element/index/index.vue'), meta }
])('demo-element-')
},