区分开发环境和生产环境的import
Former-commit-id: f354740bcee256720d0685db54b80dcc4aae3290 [formerly f354740bcee256720d0685db54b80dcc4aae3290 [formerly f354740bcee256720d0685db54b80dcc4aae3290 [formerly f354740bcee256720d0685db54b80dcc4aae3290 [formerly 6e1bbf7d95e6bbce06058859c46599d5f7ad1e93 [formerly 007c8fe0b4172d3e6441b3915caf427fbd39592e]]]]] Former-commit-id: d335b794275a9686676dc036f34453fed54028f4 Former-commit-id: 132225dd18ae66c09600122661feec3e8fa0012a Former-commit-id: 4473d592787a2fe91582205e2370ff2e0537187c [formerly 9697cba29a1120c778a93114efe60b6dec8890e7] Former-commit-id: c828ba1ac18bda605dc14a3b322f6ed7fef49553 Former-commit-id: 3badc8e5d892fc9bfdafc12bf8d684acfc1c2530 Former-commit-id: 3a9e9162f2badeeaa6be833cc52f17a360fc1936 Former-commit-id: fddd65551dc9e48f110a6c5d4f38f68416af202e Former-commit-id: 15cf6d6f094fa38ce485efbfa68d367ecdc86cc8
This commit is contained in:
liyang
1
src/libs/util.import.development.js
Executable file
1
src/libs/util.import.development.js
Executable file
@@ -0,0 +1 @@
|
||||
module.exports = file => require('@/pages/' + file).default
|
||||
1
src/libs/util.import.production.js
Executable file
1
src/libs/util.import.production.js
Executable file
@@ -0,0 +1 @@
|
||||
module.exports = file => () => import('@/views/' + file)
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -12,7 +15,7 @@ export default {
|
||||
{
|
||||
path: 'index',
|
||||
name: `${pre}index`,
|
||||
component: () => import('@/pages/demo/business/index'),
|
||||
component: _import('demo/business/index'),
|
||||
meta: {
|
||||
...meta,
|
||||
title: '示例首页'
|
||||
@@ -21,7 +24,7 @@ export default {
|
||||
{
|
||||
path: 'table/1',
|
||||
name: `${pre}table-1`,
|
||||
component: () => import('@/pages/demo/business/table/1'),
|
||||
component: _import('demo/business/table/1'),
|
||||
meta: {
|
||||
...meta,
|
||||
title: '表格 1'
|
||||
@@ -30,7 +33,7 @@ export default {
|
||||
{
|
||||
path: 'issues/142',
|
||||
name: `${pre}issues-142`,
|
||||
component: () => import('@/pages/demo/business/issues/142'),
|
||||
component: _import('demo/business/issues/142'),
|
||||
meta: {
|
||||
...meta,
|
||||
title: 'issue #142'
|
||||
@@ -39,7 +42,7 @@ export default {
|
||||
{
|
||||
path: 'issues/142/edit/:id',
|
||||
name: `${pre}issues-142-edit`,
|
||||
component: () => import('@/pages/demo/business/issues/142/edit'),
|
||||
component: _import('demo/business/issues/142/edit'),
|
||||
props: true,
|
||||
meta: {
|
||||
...meta,
|
||||
@@ -49,7 +52,7 @@ export default {
|
||||
{
|
||||
path: 'issues/142/edit-cache-db/:id',
|
||||
name: `${pre}issues-142-edit-cache-db`,
|
||||
component: () => import('@/pages/demo/business/issues/142/edit-cache-db'),
|
||||
component: _import('demo/business/issues/142/edit-cache-db'),
|
||||
props: true,
|
||||
meta: {
|
||||
...meta,
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -9,50 +12,50 @@ export default {
|
||||
redirect: { name: 'demo-charts-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/charts/index'), meta: { ...meta, title: '图表首页' } },
|
||||
{ path: 'list/line/demo1', name: `${pre}list-line-demo1`, component: () => import('@/pages/demo/charts/list/line/demo1/index.vue'), meta: { ...meta, title: '折线图示例 1' } },
|
||||
{ path: 'list/line/demo2', name: `${pre}list-line-demo2`, component: () => import('@/pages/demo/charts/list/line/demo2/index.vue'), meta: { ...meta, title: '折线图示例 2' } },
|
||||
{ path: 'list/line/demo3', name: `${pre}list-line-demo3`, component: () => import('@/pages/demo/charts/list/line/demo3/index.vue'), meta: { ...meta, title: '折线图示例 3' } },
|
||||
{ path: 'list/line/demo4', name: `${pre}list-line-demo4`, component: () => import('@/pages/demo/charts/list/line/demo4/index.vue'), meta: { ...meta, title: '折线图示例 4' } },
|
||||
{ path: 'list/line/demo5', name: `${pre}list-line-demo5`, component: () => import('@/pages/demo/charts/list/line/demo5/index.vue'), meta: { ...meta, title: '折线图示例 5' } },
|
||||
{ path: 'list/histogram/demo1', name: `${pre}list-histogram-demo1`, component: () => import('@/pages/demo/charts/list/histogram/demo1/index.vue'), meta: { ...meta, title: '柱状图示例 1' } },
|
||||
{ path: 'list/histogram/demo2', name: `${pre}list-histogram-demo2`, component: () => import('@/pages/demo/charts/list/histogram/demo2/index.vue'), meta: { ...meta, title: '柱状图示例 2' } },
|
||||
{ path: 'list/histogram/demo3', name: `${pre}list-histogram-demo3`, component: () => import('@/pages/demo/charts/list/histogram/demo3/index.vue'), meta: { ...meta, title: '柱状图示例 3' } },
|
||||
{ path: 'list/histogram/demo4', name: `${pre}list-histogram-demo4`, component: () => import('@/pages/demo/charts/list/histogram/demo4/index.vue'), meta: { ...meta, title: '柱状图示例 4' } },
|
||||
{ path: 'list/histogram/demo5', name: `${pre}list-histogram-demo5`, component: () => import('@/pages/demo/charts/list/histogram/demo5/index.vue'), meta: { ...meta, title: '柱状图示例 5' } },
|
||||
{ path: 'list/histogram/demo6', name: `${pre}list-histogram-demo6`, component: () => import('@/pages/demo/charts/list/histogram/demo6/index.vue'), meta: { ...meta, title: '柱状图示例 6' } },
|
||||
{ path: 'list/bar/demo1', name: `${pre}list-bar-demo1`, component: () => import('@/pages/demo/charts/list/bar/demo1/index.vue'), meta: { ...meta, title: '条形图示例 1' } },
|
||||
{ path: 'list/bar/demo2', name: `${pre}list-bar-demo2`, component: () => import('@/pages/demo/charts/list/bar/demo2/index.vue'), meta: { ...meta, title: '条形图示例 2' } },
|
||||
{ path: 'list/bar/demo3', name: `${pre}list-bar-demo3`, component: () => import('@/pages/demo/charts/list/bar/demo3/index.vue'), meta: { ...meta, title: '条形图示例 3' } },
|
||||
{ path: 'list/bar/demo4', name: `${pre}list-bar-demo4`, component: () => import('@/pages/demo/charts/list/bar/demo4/index.vue'), meta: { ...meta, title: '条形图示例 4' } },
|
||||
{ path: 'list/bar/demo5', name: `${pre}list-bar-demo5`, component: () => import('@/pages/demo/charts/list/bar/demo5/index.vue'), meta: { ...meta, title: '条形图示例 5' } },
|
||||
{ path: 'list/pie/demo1', name: `${pre}list-pie-demo1`, component: () => import('@/pages/demo/charts/list/pie/demo1/index.vue'), meta: { ...meta, title: '饼图示例 1' } },
|
||||
{ path: 'list/pie/demo2', name: `${pre}list-pie-demo2`, component: () => import('@/pages/demo/charts/list/pie/demo2/index.vue'), meta: { ...meta, title: '饼图示例 2' } },
|
||||
{ path: 'list/pie/demo3', name: `${pre}list-pie-demo3`, component: () => import('@/pages/demo/charts/list/pie/demo3/index.vue'), meta: { ...meta, title: '饼图示例 3' } },
|
||||
{ path: 'list/pie/demo4', name: `${pre}list-pie-demo4`, component: () => import('@/pages/demo/charts/list/pie/demo4/index.vue'), meta: { ...meta, title: '饼图示例 4' } },
|
||||
{ path: 'list/pie/demo5', name: `${pre}list-pie-demo5`, component: () => import('@/pages/demo/charts/list/pie/demo5/index.vue'), meta: { ...meta, title: '饼图示例 5' } },
|
||||
{ path: 'list/pie/demo6', name: `${pre}list-pie-demo6`, component: () => import('@/pages/demo/charts/list/pie/demo6/index.vue'), meta: { ...meta, title: '饼图示例 6' } },
|
||||
{ path: 'list/ring/demo1', name: `${pre}list-ring-demo1`, component: () => import('@/pages/demo/charts/list/ring/demo1/index.vue'), meta: { ...meta, title: '环图示例 1' } },
|
||||
{ path: 'list/ring/demo2', name: `${pre}list-ring-demo2`, component: () => import('@/pages/demo/charts/list/ring/demo2/index.vue'), meta: { ...meta, title: '环图示例 2' } },
|
||||
{ path: 'list/ring/demo3', name: `${pre}list-ring-demo3`, component: () => import('@/pages/demo/charts/list/ring/demo3/index.vue'), meta: { ...meta, title: '环图示例 3' } },
|
||||
{ path: 'list/ring/demo4', name: `${pre}list-ring-demo4`, component: () => import('@/pages/demo/charts/list/ring/demo4/index.vue'), meta: { ...meta, title: '环图示例 4' } },
|
||||
{ path: 'list/ring/demo5', name: `${pre}list-ring-demo5`, component: () => import('@/pages/demo/charts/list/ring/demo5/index.vue'), meta: { ...meta, title: '环图示例 5' } },
|
||||
{ path: 'list/waterfall/demo1', name: `${pre}list-waterfall-demo1`, component: () => import('@/pages/demo/charts/list/waterfall/demo1/index.vue'), meta: { ...meta, title: '瀑布图示例 1' } },
|
||||
{ path: 'list/funnel/demo1', name: `${pre}list-funnel-demo1`, component: () => import('@/pages/demo/charts/list/funnel/demo1/index.vue'), meta: { ...meta, title: '漏斗图示例 1' } },
|
||||
{ path: 'list/funnel/demo2', name: `${pre}list-funnel-demo2`, component: () => import('@/pages/demo/charts/list/funnel/demo2/index.vue'), meta: { ...meta, title: '漏斗图示例 2' } },
|
||||
{ path: 'list/radar/demo1', name: `${pre}list-radar-demo1`, component: () => import('@/pages/demo/charts/list/radar/demo1/index.vue'), meta: { ...meta, title: '雷达图示例 1' } },
|
||||
{ path: 'list/map/demo1', name: `${pre}list-map-demo1`, component: () => import('@/pages/demo/charts/list/map/demo1/index.vue'), meta: { ...meta, title: '地图示例 1' } },
|
||||
{ path: 'list/map/demo2', name: `${pre}list-map-demo2`, component: () => import('@/pages/demo/charts/list/map/demo2/index.vue'), meta: { ...meta, title: '地图示例 2' } },
|
||||
{ path: 'list/map/demo3', name: `${pre}list-map-demo3`, component: () => import('@/pages/demo/charts/list/map/demo3/index.vue'), meta: { ...meta, title: '地图示例 3' } },
|
||||
{ path: 'list/sankey/demo1', name: `${pre}list-sankey-demo1`, component: () => import('@/pages/demo/charts/list/sankey/demo1/index.vue'), meta: { ...meta, title: '桑基图示例 1' } },
|
||||
{ path: 'list/heatmap/demo1', name: `${pre}list-heatmap-demo1`, component: () => import('@/pages/demo/charts/list/heatmap/demo1/index.vue'), meta: { ...meta, title: '热力图示例 1' } },
|
||||
{ path: 'list/heatmap/demo2', name: `${pre}list-heatmap-demo2`, component: () => import('@/pages/demo/charts/list/heatmap/demo2/index.vue'), meta: { ...meta, title: '热力图示例 2' } },
|
||||
{ path: 'list/scatter/demo1', name: `${pre}list-scatter-demo1`, component: () => import('@/pages/demo/charts/list/scatter/demo1/index.vue'), meta: { ...meta, title: '散点图示例 1' } },
|
||||
{ path: 'list/scatter/demo2', name: `${pre}list-scatter-demo2`, component: () => import('@/pages/demo/charts/list/scatter/demo2/index.vue'), meta: { ...meta, title: '散点图示例 2' } },
|
||||
{ path: 'list/candle/demo1', name: `${pre}list-candle-demo1`, component: () => import('@/pages/demo/charts/list/candle/demo1/index.vue'), meta: { ...meta, title: 'K线图示例 1' } },
|
||||
{ path: 'list/candle/demo2', name: `${pre}list-candle-demo2`, component: () => import('@/pages/demo/charts/list/candle/demo2/index.vue'), meta: { ...meta, title: 'K线图示例 2' } },
|
||||
{ path: 'list/candle/demo3', name: `${pre}list-candle-demo3`, component: () => import('@/pages/demo/charts/list/candle/demo3/index.vue'), meta: { ...meta, title: 'K线图示例 3' } },
|
||||
{ path: 'list/gauge/demo1', name: `${pre}list-gauge-demo1`, component: () => import('@/pages/demo/charts/list/gauge/demo1/index.vue'), meta: { ...meta, title: '仪表盘示例 1' } },
|
||||
{ path: 'list/tree/demo1', name: `${pre}list-tree-demo1`, component: () => import('@/pages/demo/charts/list/tree/demo1/index.vue'), meta: { ...meta, title: '树图示例 1' } }
|
||||
{ path: 'index', name: `${pre}index`, component: _import('demo/charts/index'), meta: { ...meta, title: '图表首页' } },
|
||||
{ path: 'list/line/demo1', name: `${pre}list-line-demo1`, component: _import('demo/charts/list/line/demo1/index.vue'), meta: { ...meta, title: '折线图示例 1' } },
|
||||
{ path: 'list/line/demo2', name: `${pre}list-line-demo2`, component: _import('demo/charts/list/line/demo2/index.vue'), meta: { ...meta, title: '折线图示例 2' } },
|
||||
{ path: 'list/line/demo3', name: `${pre}list-line-demo3`, component: _import('demo/charts/list/line/demo3/index.vue'), meta: { ...meta, title: '折线图示例 3' } },
|
||||
{ path: 'list/line/demo4', name: `${pre}list-line-demo4`, component: _import('demo/charts/list/line/demo4/index.vue'), meta: { ...meta, title: '折线图示例 4' } },
|
||||
{ path: 'list/line/demo5', name: `${pre}list-line-demo5`, component: _import('demo/charts/list/line/demo5/index.vue'), meta: { ...meta, title: '折线图示例 5' } },
|
||||
{ path: 'list/histogram/demo1', name: `${pre}list-histogram-demo1`, component: _import('demo/charts/list/histogram/demo1/index.vue'), meta: { ...meta, title: '柱状图示例 1' } },
|
||||
{ path: 'list/histogram/demo2', name: `${pre}list-histogram-demo2`, component: _import('demo/charts/list/histogram/demo2/index.vue'), meta: { ...meta, title: '柱状图示例 2' } },
|
||||
{ path: 'list/histogram/demo3', name: `${pre}list-histogram-demo3`, component: _import('demo/charts/list/histogram/demo3/index.vue'), meta: { ...meta, title: '柱状图示例 3' } },
|
||||
{ path: 'list/histogram/demo4', name: `${pre}list-histogram-demo4`, component: _import('demo/charts/list/histogram/demo4/index.vue'), meta: { ...meta, title: '柱状图示例 4' } },
|
||||
{ path: 'list/histogram/demo5', name: `${pre}list-histogram-demo5`, component: _import('demo/charts/list/histogram/demo5/index.vue'), meta: { ...meta, title: '柱状图示例 5' } },
|
||||
{ path: 'list/histogram/demo6', name: `${pre}list-histogram-demo6`, component: _import('demo/charts/list/histogram/demo6/index.vue'), meta: { ...meta, title: '柱状图示例 6' } },
|
||||
{ path: 'list/bar/demo1', name: `${pre}list-bar-demo1`, component: _import('demo/charts/list/bar/demo1/index.vue'), meta: { ...meta, title: '条形图示例 1' } },
|
||||
{ path: 'list/bar/demo2', name: `${pre}list-bar-demo2`, component: _import('demo/charts/list/bar/demo2/index.vue'), meta: { ...meta, title: '条形图示例 2' } },
|
||||
{ path: 'list/bar/demo3', name: `${pre}list-bar-demo3`, component: _import('demo/charts/list/bar/demo3/index.vue'), meta: { ...meta, title: '条形图示例 3' } },
|
||||
{ path: 'list/bar/demo4', name: `${pre}list-bar-demo4`, component: _import('demo/charts/list/bar/demo4/index.vue'), meta: { ...meta, title: '条形图示例 4' } },
|
||||
{ path: 'list/bar/demo5', name: `${pre}list-bar-demo5`, component: _import('demo/charts/list/bar/demo5/index.vue'), meta: { ...meta, title: '条形图示例 5' } },
|
||||
{ path: 'list/pie/demo1', name: `${pre}list-pie-demo1`, component: _import('demo/charts/list/pie/demo1/index.vue'), meta: { ...meta, title: '饼图示例 1' } },
|
||||
{ path: 'list/pie/demo2', name: `${pre}list-pie-demo2`, component: _import('demo/charts/list/pie/demo2/index.vue'), meta: { ...meta, title: '饼图示例 2' } },
|
||||
{ path: 'list/pie/demo3', name: `${pre}list-pie-demo3`, component: _import('demo/charts/list/pie/demo3/index.vue'), meta: { ...meta, title: '饼图示例 3' } },
|
||||
{ path: 'list/pie/demo4', name: `${pre}list-pie-demo4`, component: _import('demo/charts/list/pie/demo4/index.vue'), meta: { ...meta, title: '饼图示例 4' } },
|
||||
{ path: 'list/pie/demo5', name: `${pre}list-pie-demo5`, component: _import('demo/charts/list/pie/demo5/index.vue'), meta: { ...meta, title: '饼图示例 5' } },
|
||||
{ path: 'list/pie/demo6', name: `${pre}list-pie-demo6`, component: _import('demo/charts/list/pie/demo6/index.vue'), meta: { ...meta, title: '饼图示例 6' } },
|
||||
{ path: 'list/ring/demo1', name: `${pre}list-ring-demo1`, component: _import('demo/charts/list/ring/demo1/index.vue'), meta: { ...meta, title: '环图示例 1' } },
|
||||
{ path: 'list/ring/demo2', name: `${pre}list-ring-demo2`, component: _import('demo/charts/list/ring/demo2/index.vue'), meta: { ...meta, title: '环图示例 2' } },
|
||||
{ path: 'list/ring/demo3', name: `${pre}list-ring-demo3`, component: _import('demo/charts/list/ring/demo3/index.vue'), meta: { ...meta, title: '环图示例 3' } },
|
||||
{ path: 'list/ring/demo4', name: `${pre}list-ring-demo4`, component: _import('demo/charts/list/ring/demo4/index.vue'), meta: { ...meta, title: '环图示例 4' } },
|
||||
{ path: 'list/ring/demo5', name: `${pre}list-ring-demo5`, component: _import('demo/charts/list/ring/demo5/index.vue'), meta: { ...meta, title: '环图示例 5' } },
|
||||
{ path: 'list/waterfall/demo1', name: `${pre}list-waterfall-demo1`, component: _import('demo/charts/list/waterfall/demo1/index.vue'), meta: { ...meta, title: '瀑布图示例 1' } },
|
||||
{ path: 'list/funnel/demo1', name: `${pre}list-funnel-demo1`, component: _import('demo/charts/list/funnel/demo1/index.vue'), meta: { ...meta, title: '漏斗图示例 1' } },
|
||||
{ path: 'list/funnel/demo2', name: `${pre}list-funnel-demo2`, component: _import('demo/charts/list/funnel/demo2/index.vue'), meta: { ...meta, title: '漏斗图示例 2' } },
|
||||
{ path: 'list/radar/demo1', name: `${pre}list-radar-demo1`, component: _import('demo/charts/list/radar/demo1/index.vue'), meta: { ...meta, title: '雷达图示例 1' } },
|
||||
{ path: 'list/map/demo1', name: `${pre}list-map-demo1`, component: _import('demo/charts/list/map/demo1/index.vue'), meta: { ...meta, title: '地图示例 1' } },
|
||||
{ path: 'list/map/demo2', name: `${pre}list-map-demo2`, component: _import('demo/charts/list/map/demo2/index.vue'), meta: { ...meta, title: '地图示例 2' } },
|
||||
{ path: 'list/map/demo3', name: `${pre}list-map-demo3`, component: _import('demo/charts/list/map/demo3/index.vue'), meta: { ...meta, title: '地图示例 3' } },
|
||||
{ path: 'list/sankey/demo1', name: `${pre}list-sankey-demo1`, component: _import('demo/charts/list/sankey/demo1/index.vue'), meta: { ...meta, title: '桑基图示例 1' } },
|
||||
{ path: 'list/heatmap/demo1', name: `${pre}list-heatmap-demo1`, component: _import('demo/charts/list/heatmap/demo1/index.vue'), meta: { ...meta, title: '热力图示例 1' } },
|
||||
{ path: 'list/heatmap/demo2', name: `${pre}list-heatmap-demo2`, component: _import('demo/charts/list/heatmap/demo2/index.vue'), meta: { ...meta, title: '热力图示例 2' } },
|
||||
{ path: 'list/scatter/demo1', name: `${pre}list-scatter-demo1`, component: _import('demo/charts/list/scatter/demo1/index.vue'), meta: { ...meta, title: '散点图示例 1' } },
|
||||
{ path: 'list/scatter/demo2', name: `${pre}list-scatter-demo2`, component: _import('demo/charts/list/scatter/demo2/index.vue'), meta: { ...meta, title: '散点图示例 2' } },
|
||||
{ path: 'list/candle/demo1', name: `${pre}list-candle-demo1`, component: _import('demo/charts/list/candle/demo1/index.vue'), meta: { ...meta, title: 'K线图示例 1' } },
|
||||
{ path: 'list/candle/demo2', name: `${pre}list-candle-demo2`, component: _import('demo/charts/list/candle/demo2/index.vue'), meta: { ...meta, title: 'K线图示例 2' } },
|
||||
{ path: 'list/candle/demo3', name: `${pre}list-candle-demo3`, component: _import('demo/charts/list/candle/demo3/index.vue'), meta: { ...meta, title: 'K线图示例 3' } },
|
||||
{ path: 'list/gauge/demo1', name: `${pre}list-gauge-demo1`, component: _import('demo/charts/list/gauge/demo1/index.vue'), meta: { ...meta, title: '仪表盘示例 1' } },
|
||||
{ path: 'list/tree/demo1', name: `${pre}list-tree-demo1`, component: _import('demo/charts/list/tree/demo1/index.vue'), meta: { ...meta, title: '树图示例 1' } }
|
||||
])('demo-charts-')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -9,37 +12,37 @@ export default {
|
||||
redirect: { name: 'demo-components-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{ path: 'container/full', name: `${pre}container-full`, component: () => import('@/pages/demo/components/container/full.vue'), meta: { ...meta, title: '布局组件 填充' } },
|
||||
{ path: 'container/full-slot', name: `${pre}container-full-slot`, component: () => import('@/pages/demo/components/container/full-slot.vue'), meta: { ...meta, title: '布局组件 填充 插槽' } },
|
||||
{ path: 'container/full-bs', name: `${pre}container-full-bs`, component: () => import('@/pages/demo/components/container/full-bs.vue'), meta: { ...meta, title: '布局组件 填充 滚动优化' } },
|
||||
{ path: 'container/ghost', name: `${pre}container-ghost`, component: () => import('@/pages/demo/components/container/ghost.vue'), meta: { ...meta, title: '布局组件 隐形' } },
|
||||
{ path: 'container/ghost-slot', name: `${pre}container-ghost-slot`, component: () => import('@/pages/demo/components/container/ghost-slot.vue'), meta: { ...meta, title: '布局组件 隐形 插槽' } },
|
||||
{ path: 'container/ghost-bs', name: `${pre}container-ghost-bs`, component: () => import('@/pages/demo/components/container/ghost-bs.vue'), meta: { ...meta, title: '布局组件 隐形 滚动优化' } },
|
||||
{ path: 'container/card', name: `${pre}container-card`, component: () => import('@/pages/demo/components/container/card.vue'), meta: { ...meta, title: '布局组件 卡片' } },
|
||||
{ path: 'container/card-slot', name: `${pre}container-card-slot`, component: () => import('@/pages/demo/components/container/card-slot.vue'), meta: { ...meta, title: '布局组件 卡片 插槽' } },
|
||||
{ path: 'container/card-bs', name: `${pre}container-card-bs`, component: () => import('@/pages/demo/components/container/card-bs.vue'), meta: { ...meta, title: '布局组件 卡片 滚动优化' } },
|
||||
{ path: 'container/api', name: `${pre}container-api`, component: () => import('@/pages/demo/components/container/api.vue'), meta: { ...meta, title: '布局组件 API' } },
|
||||
{ path: 'contextmenu/simple', name: `${pre}contextmenu-simple`, component: () => import('@/pages/demo/components/contextmenu/simple.vue'), meta: { ...meta, title: '右键菜单 基础' } },
|
||||
{ path: 'contextmenu/divier', name: `${pre}contextmenu-divier`, component: () => import('@/pages/demo/components/contextmenu/divier.vue'), meta: { ...meta, title: '右键菜单 分割线' } },
|
||||
{ path: 'contextmenu/group', name: `${pre}contextmenu-group`, component: () => import('@/pages/demo/components/contextmenu/group.vue'), meta: { ...meta, title: '右键菜单 分组' } },
|
||||
{ path: 'contextmenu/submenu', name: `${pre}contextmenu-submenu`, component: () => import('@/pages/demo/components/contextmenu/submenu.vue'), meta: { ...meta, title: '右键菜单 子菜单' } },
|
||||
{ path: 'contextmenu/disabled', name: `${pre}contextmenu-disabled`, component: () => import('@/pages/demo/components/contextmenu/disabled.vue'), meta: { ...meta, title: '右键菜单 禁用' } },
|
||||
{ path: 'contextmenu/custom-trigger', name: `${pre}contextmenu-custom-trigger`, component: () => import('@/pages/demo/components/contextmenu/custom-trigger.vue'), meta: { ...meta, title: '右键菜单 自定义触发' } },
|
||||
{ path: 'countup', name: `${pre}countup`, component: () => import('@/pages/demo/components/countup'), meta: { ...meta, title: '数字动画' } },
|
||||
{ path: 'editor-ueditor', name: `${pre}editor-ueditor`, component: () => import('@/pages/demo/components/editor-ueditor'), meta: { ...meta, title: 'UEditor' } },
|
||||
{ path: 'editor-quill', name: `${pre}editor-quill`, component: () => import('@/pages/demo/components/editor-quill'), meta: { ...meta, title: '富文本编辑器' } },
|
||||
{ path: 'editor-simpleMDE', name: `${pre}editor-simpleMDE`, component: () => import('@/pages/demo/components/editor-simpleMDE'), meta: { ...meta, title: 'markdown编辑器' } },
|
||||
{ path: 'highlight', name: `${pre}highlight`, component: () => import('@/pages/demo/components/highlight'), meta: { ...meta, title: '代码高亮组件' } },
|
||||
{ path: 'icon/icon', name: `${pre}icon-icon`, component: () => import('@/pages/demo/components/icon/icon.vue'), meta: { ...meta, title: '图标组件' } },
|
||||
{ path: 'icon/icon-svg', name: `${pre}icon-icon-svg`, component: () => import('@/pages/demo/components/icon/icon-svg.vue'), meta: { ...meta, title: 'svg 图标' } },
|
||||
{ path: 'icon/select', name: `${pre}icon-select`, component: () => import('@/pages/demo/components/icon/select.vue'), meta: { ...meta, title: '图标选择器' } },
|
||||
{ path: 'icon/select-svg', name: `${pre}icon-select-svg`, component: () => import('@/pages/demo/components/icon/select-svg.vue'), meta: { ...meta, title: 'svg 图标选择器' } },
|
||||
{ path: 'icon/list', name: `${pre}icon-list`, component: () => import('@/pages/demo/components/icon/list.vue'), meta: { ...meta, title: '图标列表' } },
|
||||
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/components/index'), meta: { ...meta, title: '组件首页' } },
|
||||
{ path: 'json-tree', name: `${pre}json-tree`, component: () => import('@/pages/demo/components/json-tree'), meta: { ...meta, title: 'JSON 展示' } },
|
||||
{ path: 'layout/grid', name: `${pre}layout-grid`, component: () => import('@/pages/demo/components/layout/grid.vue'), meta: { ...meta, title: '拖拽网格布局' } },
|
||||
{ path: 'layout/splitpane', name: `${pre}layout-splitpane`, component: () => import('@/pages/demo/components/layout/splitpane.vue'), meta: { ...meta, title: '区域布局' } },
|
||||
{ path: 'markdown/source', name: `${pre}markdown-source`, component: () => import('@/pages/demo/components/markdown/source.vue'), meta: { ...meta, title: 'markdown指定资源渲染' } },
|
||||
{ path: 'markdown/url', name: `${pre}markdown-url`, component: () => import('@/pages/demo/components/markdown/url.vue'), meta: { ...meta, title: 'markdown指定url渲染' } }
|
||||
{ path: 'container/full', name: `${pre}container-full`, component: _import('demo/components/container/full.vue'), meta: { ...meta, title: '布局组件 填充' } },
|
||||
{ path: 'container/full-slot', name: `${pre}container-full-slot`, component: _import('demo/components/container/full-slot.vue'), meta: { ...meta, title: '布局组件 填充 插槽' } },
|
||||
{ path: 'container/full-bs', name: `${pre}container-full-bs`, component: _import('demo/components/container/full-bs.vue'), meta: { ...meta, title: '布局组件 填充 滚动优化' } },
|
||||
{ path: 'container/ghost', name: `${pre}container-ghost`, component: _import('demo/components/container/ghost.vue'), meta: { ...meta, title: '布局组件 隐形' } },
|
||||
{ path: 'container/ghost-slot', name: `${pre}container-ghost-slot`, component: _import('demo/components/container/ghost-slot.vue'), meta: { ...meta, title: '布局组件 隐形 插槽' } },
|
||||
{ path: 'container/ghost-bs', name: `${pre}container-ghost-bs`, component: _import('demo/components/container/ghost-bs.vue'), meta: { ...meta, title: '布局组件 隐形 滚动优化' } },
|
||||
{ path: 'container/card', name: `${pre}container-card`, component: _import('demo/components/container/card.vue'), meta: { ...meta, title: '布局组件 卡片' } },
|
||||
{ path: 'container/card-slot', name: `${pre}container-card-slot`, component: _import('demo/components/container/card-slot.vue'), meta: { ...meta, title: '布局组件 卡片 插槽' } },
|
||||
{ path: 'container/card-bs', name: `${pre}container-card-bs`, component: _import('demo/components/container/card-bs.vue'), meta: { ...meta, title: '布局组件 卡片 滚动优化' } },
|
||||
{ path: 'container/api', name: `${pre}container-api`, component: _import('demo/components/container/api.vue'), meta: { ...meta, title: '布局组件 API' } },
|
||||
{ path: 'contextmenu/simple', name: `${pre}contextmenu-simple`, component: _import('demo/components/contextmenu/simple.vue'), meta: { ...meta, title: '右键菜单 基础' } },
|
||||
{ path: 'contextmenu/divier', name: `${pre}contextmenu-divier`, component: _import('demo/components/contextmenu/divier.vue'), meta: { ...meta, title: '右键菜单 分割线' } },
|
||||
{ path: 'contextmenu/group', name: `${pre}contextmenu-group`, component: _import('demo/components/contextmenu/group.vue'), meta: { ...meta, title: '右键菜单 分组' } },
|
||||
{ path: 'contextmenu/submenu', name: `${pre}contextmenu-submenu`, component: _import('demo/components/contextmenu/submenu.vue'), meta: { ...meta, title: '右键菜单 子菜单' } },
|
||||
{ path: 'contextmenu/disabled', name: `${pre}contextmenu-disabled`, component: _import('demo/components/contextmenu/disabled.vue'), meta: { ...meta, title: '右键菜单 禁用' } },
|
||||
{ path: 'contextmenu/custom-trigger', name: `${pre}contextmenu-custom-trigger`, component: _import('demo/components/contextmenu/custom-trigger.vue'), meta: { ...meta, title: '右键菜单 自定义触发' } },
|
||||
{ path: 'countup', name: `${pre}countup`, component: _import('demo/components/countup'), meta: { ...meta, title: '数字动画' } },
|
||||
{ path: 'editor-ueditor', name: `${pre}editor-ueditor`, component: _import('demo/components/editor-ueditor'), meta: { ...meta, title: 'UEditor' } },
|
||||
{ path: 'editor-quill', name: `${pre}editor-quill`, component: _import('demo/components/editor-quill'), meta: { ...meta, title: '富文本编辑器' } },
|
||||
{ path: 'editor-simpleMDE', name: `${pre}editor-simpleMDE`, component: _import('demo/components/editor-simpleMDE'), meta: { ...meta, title: 'markdown编辑器' } },
|
||||
{ path: 'highlight', name: `${pre}highlight`, component: _import('demo/components/highlight'), meta: { ...meta, title: '代码高亮组件' } },
|
||||
{ path: 'icon/icon', name: `${pre}icon-icon`, component: _import('demo/components/icon/icon.vue'), meta: { ...meta, title: '图标组件' } },
|
||||
{ path: 'icon/icon-svg', name: `${pre}icon-icon-svg`, component: _import('demo/components/icon/icon-svg.vue'), meta: { ...meta, title: 'svg 图标' } },
|
||||
{ path: 'icon/select', name: `${pre}icon-select`, component: _import('demo/components/icon/select.vue'), meta: { ...meta, title: '图标选择器' } },
|
||||
{ path: 'icon/select-svg', name: `${pre}icon-select-svg`, component: _import('demo/components/icon/select-svg.vue'), meta: { ...meta, title: 'svg 图标选择器' } },
|
||||
{ path: 'icon/list', name: `${pre}icon-list`, component: _import('demo/components/icon/list.vue'), meta: { ...meta, title: '图标列表' } },
|
||||
{ path: 'index', name: `${pre}index`, component: _import('demo/components/index'), meta: { ...meta, title: '组件首页' } },
|
||||
{ path: 'json-tree', name: `${pre}json-tree`, component: _import('demo/components/json-tree'), meta: { ...meta, title: 'JSON 展示' } },
|
||||
{ path: 'layout/grid', name: `${pre}layout-grid`, component: _import('demo/components/layout/grid.vue'), meta: { ...meta, title: '拖拽网格布局' } },
|
||||
{ path: 'layout/splitpane', name: `${pre}layout-splitpane`, component: _import('demo/components/layout/splitpane.vue'), meta: { ...meta, title: '区域布局' } },
|
||||
{ path: 'markdown/source', name: `${pre}markdown-source`, component: _import('demo/components/markdown/source.vue'), meta: { ...meta, title: 'markdown指定资源渲染' } },
|
||||
{ path: 'markdown/url', name: `${pre}markdown-url`, component: _import('demo/components/markdown/url.vue'), meta: { ...meta, title: 'markdown指定url渲染' } }
|
||||
])('demo-components-')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -9,37 +12,37 @@ export default {
|
||||
redirect: { name: 'demo-d2-crud-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/d2-crud/index'), meta: { ...meta, title: 'D2 CRUD v2 首页' } },
|
||||
{ path: 'demo1', name: `${pre}demo1`, component: () => import('@/pages/demo/d2-crud/demo1'), meta: { ...meta, title: '基础表格' } },
|
||||
{ path: 'demo2', name: `${pre}demo2`, component: () => import('@/pages/demo/d2-crud/demo2'), meta: { ...meta, title: '带斑马纹表格' } },
|
||||
{ path: 'demo3', name: `${pre}demo3`, component: () => import('@/pages/demo/d2-crud/demo3'), meta: { ...meta, title: '带边框表格' } },
|
||||
{ path: 'demo4', name: `${pre}demo4`, component: () => import('@/pages/demo/d2-crud/demo4'), meta: { ...meta, title: '带状态表格' } },
|
||||
{ path: 'demo5', name: `${pre}demo5`, component: () => import('@/pages/demo/d2-crud/demo5'), meta: { ...meta, title: '固定表头' } },
|
||||
{ path: 'demo6', name: `${pre}demo6`, component: () => import('@/pages/demo/d2-crud/demo6'), meta: { ...meta, title: '固定列' } },
|
||||
{ path: 'demo7', name: `${pre}demo7`, component: () => import('@/pages/demo/d2-crud/demo7'), meta: { ...meta, title: '流体高度' } },
|
||||
{ path: 'demo8', name: `${pre}demo8`, component: () => import('@/pages/demo/d2-crud/demo8'), meta: { ...meta, title: '多级表头' } },
|
||||
{ path: 'demo9', name: `${pre}demo9`, component: () => import('@/pages/demo/d2-crud/demo9'), meta: { ...meta, title: '单选' } },
|
||||
{ path: 'demo10', name: `${pre}demo10`, component: () => import('@/pages/demo/d2-crud/demo10'), meta: { ...meta, title: '多选' } },
|
||||
{ path: 'demo11', name: `${pre}demo11`, component: () => import('@/pages/demo/d2-crud/demo11'), meta: { ...meta, title: '排序' } },
|
||||
{ path: 'demo12', name: `${pre}demo12`, component: () => import('@/pages/demo/d2-crud/demo12'), meta: { ...meta, title: '筛选' } },
|
||||
{ path: 'demo13', name: `${pre}demo13`, component: () => import('@/pages/demo/d2-crud/demo13'), meta: { ...meta, title: '表尾合计行' } },
|
||||
{ path: 'demo14', name: `${pre}demo14`, component: () => import('@/pages/demo/d2-crud/demo14'), meta: { ...meta, title: '合并行' } },
|
||||
{ path: 'demo15', name: `${pre}demo15`, component: () => import('@/pages/demo/d2-crud/demo15'), meta: { ...meta, title: '合并列' } },
|
||||
{ path: 'demo16', name: `${pre}demo16`, component: () => import('@/pages/demo/d2-crud/demo16'), meta: { ...meta, title: '新增数据' } },
|
||||
{ path: 'demo17', name: `${pre}demo17`, component: () => import('@/pages/demo/d2-crud/demo17'), meta: { ...meta, title: '修改数据' } },
|
||||
{ path: 'demo18', name: `${pre}demo18`, component: () => import('@/pages/demo/d2-crud/demo18'), meta: { ...meta, title: '删除数据' } },
|
||||
{ path: 'demo19', name: `${pre}demo19`, component: () => import('@/pages/demo/d2-crud/demo19'), meta: { ...meta, title: '自定义操作列' } },
|
||||
{ path: 'demo20', name: `${pre}demo20`, component: () => import('@/pages/demo/d2-crud/demo20'), meta: { ...meta, title: '表单组件渲染' } },
|
||||
{ path: 'demo21', name: `${pre}demo21`, component: () => import('@/pages/demo/d2-crud/demo21'), meta: { ...meta, title: '表单布局' } },
|
||||
{ path: 'demo22', name: `${pre}demo22`, component: () => import('@/pages/demo/d2-crud/demo22'), meta: { ...meta, title: '表单校验' } },
|
||||
{ path: 'demo23', name: `${pre}demo23`, component: () => import('@/pages/demo/d2-crud/demo23'), meta: { ...meta, title: '表格内编辑' } },
|
||||
{ path: 'demo24', name: `${pre}demo24`, component: () => import('@/pages/demo/d2-crud/demo24'), meta: { ...meta, title: '表格slot' } },
|
||||
{ path: 'demo25', name: `${pre}demo25`, component: () => import('@/pages/demo/d2-crud/demo25'), meta: { ...meta, title: '表格自定义组件' } },
|
||||
{ path: 'demo26', name: `${pre}demo26`, component: () => import('@/pages/demo/d2-crud/demo26'), meta: { ...meta, title: '表单自定义组件' } },
|
||||
{ path: 'demo27', name: `${pre}demo27`, component: () => import('@/pages/demo/d2-crud/demo27'), meta: { ...meta, title: '加载状态' } },
|
||||
{ path: 'demo28', name: `${pre}demo28`, component: () => import('@/pages/demo/d2-crud/demo28'), meta: { ...meta, title: '自定义加载状态' } },
|
||||
{ path: 'demo29', name: `${pre}demo29`, component: () => import('@/pages/demo/d2-crud/demo29'), meta: { ...meta, title: '分页' } },
|
||||
{ path: 'demo30', name: `${pre}demo30`, component: () => import('@/pages/demo/d2-crud/demo30'), meta: { ...meta, title: '表单事件监听' } },
|
||||
{ path: 'demo31', name: `${pre}demo31`, component: () => import('@/pages/demo/d2-crud/demo31'), meta: { ...meta, title: 'CRUD事件' } }
|
||||
{ path: 'index', name: `${pre}index`, component: _import('demo/d2-crud/index'), meta: { ...meta, title: 'D2 CRUD v2 首页' } },
|
||||
{ path: 'demo1', name: `${pre}demo1`, component: _import('demo/d2-crud/demo1'), meta: { ...meta, title: '基础表格' } },
|
||||
{ path: 'demo2', name: `${pre}demo2`, component: _import('demo/d2-crud/demo2'), meta: { ...meta, title: '带斑马纹表格' } },
|
||||
{ path: 'demo3', name: `${pre}demo3`, component: _import('demo/d2-crud/demo3'), meta: { ...meta, title: '带边框表格' } },
|
||||
{ path: 'demo4', name: `${pre}demo4`, component: _import('demo/d2-crud/demo4'), meta: { ...meta, title: '带状态表格' } },
|
||||
{ path: 'demo5', name: `${pre}demo5`, component: _import('demo/d2-crud/demo5'), meta: { ...meta, title: '固定表头' } },
|
||||
{ path: 'demo6', name: `${pre}demo6`, component: _import('demo/d2-crud/demo6'), meta: { ...meta, title: '固定列' } },
|
||||
{ path: 'demo7', name: `${pre}demo7`, component: _import('demo/d2-crud/demo7'), meta: { ...meta, title: '流体高度' } },
|
||||
{ path: 'demo8', name: `${pre}demo8`, component: _import('demo/d2-crud/demo8'), meta: { ...meta, title: '多级表头' } },
|
||||
{ path: 'demo9', name: `${pre}demo9`, component: _import('demo/d2-crud/demo9'), meta: { ...meta, title: '单选' } },
|
||||
{ path: 'demo10', name: `${pre}demo10`, component: _import('demo/d2-crud/demo10'), meta: { ...meta, title: '多选' } },
|
||||
{ path: 'demo11', name: `${pre}demo11`, component: _import('demo/d2-crud/demo11'), meta: { ...meta, title: '排序' } },
|
||||
{ path: 'demo12', name: `${pre}demo12`, component: _import('demo/d2-crud/demo12'), meta: { ...meta, title: '筛选' } },
|
||||
{ path: 'demo13', name: `${pre}demo13`, component: _import('demo/d2-crud/demo13'), meta: { ...meta, title: '表尾合计行' } },
|
||||
{ path: 'demo14', name: `${pre}demo14`, component: _import('demo/d2-crud/demo14'), meta: { ...meta, title: '合并行' } },
|
||||
{ path: 'demo15', name: `${pre}demo15`, component: _import('demo/d2-crud/demo15'), meta: { ...meta, title: '合并列' } },
|
||||
{ path: 'demo16', name: `${pre}demo16`, component: _import('demo/d2-crud/demo16'), meta: { ...meta, title: '新增数据' } },
|
||||
{ path: 'demo17', name: `${pre}demo17`, component: _import('demo/d2-crud/demo17'), meta: { ...meta, title: '修改数据' } },
|
||||
{ path: 'demo18', name: `${pre}demo18`, component: _import('demo/d2-crud/demo18'), meta: { ...meta, title: '删除数据' } },
|
||||
{ path: 'demo19', name: `${pre}demo19`, component: _import('demo/d2-crud/demo19'), meta: { ...meta, title: '自定义操作列' } },
|
||||
{ path: 'demo20', name: `${pre}demo20`, component: _import('demo/d2-crud/demo20'), meta: { ...meta, title: '表单组件渲染' } },
|
||||
{ path: 'demo21', name: `${pre}demo21`, component: _import('demo/d2-crud/demo21'), meta: { ...meta, title: '表单布局' } },
|
||||
{ path: 'demo22', name: `${pre}demo22`, component: _import('demo/d2-crud/demo22'), meta: { ...meta, title: '表单校验' } },
|
||||
{ path: 'demo23', name: `${pre}demo23`, component: _import('demo/d2-crud/demo23'), meta: { ...meta, title: '表格内编辑' } },
|
||||
{ path: 'demo24', name: `${pre}demo24`, component: _import('demo/d2-crud/demo24'), meta: { ...meta, title: '表格slot' } },
|
||||
{ path: 'demo25', name: `${pre}demo25`, component: _import('demo/d2-crud/demo25'), meta: { ...meta, title: '表格自定义组件' } },
|
||||
{ path: 'demo26', name: `${pre}demo26`, component: _import('demo/d2-crud/demo26'), meta: { ...meta, title: '表单自定义组件' } },
|
||||
{ path: 'demo27', name: `${pre}demo27`, component: _import('demo/d2-crud/demo27'), meta: { ...meta, title: '加载状态' } },
|
||||
{ path: 'demo28', name: `${pre}demo28`, component: _import('demo/d2-crud/demo28'), meta: { ...meta, title: '自定义加载状态' } },
|
||||
{ path: 'demo29', name: `${pre}demo29`, component: _import('demo/d2-crud/demo29'), meta: { ...meta, title: '分页' } },
|
||||
{ path: 'demo30', name: `${pre}demo30`, component: _import('demo/d2-crud/demo30'), meta: { ...meta, title: '表单事件监听' } },
|
||||
{ path: 'demo31', name: `${pre}demo31`, component: _import('demo/d2-crud/demo31'), meta: { ...meta, title: 'CRUD事件' } }
|
||||
])('demo-d2-crud-')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -9,50 +12,50 @@ export default {
|
||||
redirect: { name: 'demo-element-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{ path: 'basic-layout', name: `${pre}basic-layout`, component: () => import('@/pages/demo/element/basic-layout'), meta: { ...meta, title: 'Element 布局' } },
|
||||
{ path: 'basic-container', name: `${pre}basic-container`, component: () => import('@/pages/demo/element/basic-container'), meta: { ...meta, title: 'Element 布局容器' } },
|
||||
{ path: 'basic-color', name: `${pre}basic-color`, component: () => import('@/pages/demo/element/basic-color'), meta: { ...meta, title: 'Element 色彩' } },
|
||||
{ path: 'basic-typography', name: `${pre}basic-typography`, component: () => import('@/pages/demo/element/basic-typography'), meta: { ...meta, title: 'Element 字体' } },
|
||||
{ path: 'basic-icon', name: `${pre}basic-icon`, component: () => import('@/pages/demo/element/basic-icon'), meta: { ...meta, title: 'Element 图标' } },
|
||||
{ path: 'basic-button', name: `${pre}basic-button`, component: () => import('@/pages/demo/element/basic-button'), meta: { ...meta, title: 'Element 按钮' } },
|
||||
{ path: 'form-radio', name: `${pre}form-radio`, component: () => import('@/pages/demo/element/form-radio'), meta: { ...meta, title: 'Element 单选框' } },
|
||||
{ path: 'form-checkbox', name: `${pre}form-checkbox`, component: () => import('@/pages/demo/element/form-checkbox'), meta: { ...meta, title: 'Element 多选框' } },
|
||||
{ path: 'form-input', name: `${pre}form-input`, component: () => import('@/pages/demo/element/form-input'), meta: { ...meta, title: 'Element 输入框' } },
|
||||
{ path: 'form-input-number', name: `${pre}form-input-number`, component: () => import('@/pages/demo/element/form-input-number'), meta: { ...meta, title: 'Element 计数器' } },
|
||||
{ path: 'form-select', name: `${pre}form-select`, component: () => import('@/pages/demo/element/form-select'), meta: { ...meta, title: 'Element 选择器' } },
|
||||
{ path: 'form-cascader', name: `${pre}form-cascader`, component: () => import('@/pages/demo/element/form-cascader'), meta: { ...meta, title: 'Element 级联选择器' } },
|
||||
{ path: 'form-switch', name: `${pre}form-switch`, component: () => import('@/pages/demo/element/form-switch'), meta: { ...meta, title: 'Element 开关' } },
|
||||
{ path: 'form-slider', name: `${pre}form-slider`, component: () => import('@/pages/demo/element/form-slider'), meta: { ...meta, title: 'Element 滑块' } },
|
||||
{ path: 'form-time-picker', name: `${pre}form-time-picker`, component: () => import('@/pages/demo/element/form-time-picker'), meta: { ...meta, title: 'Element 时间选择器' } },
|
||||
{ path: 'form-date-picker', name: `${pre}form-date-picker`, component: () => import('@/pages/demo/element/form-date-picker'), meta: { ...meta, title: 'Element 日期选择器' } },
|
||||
{ path: 'form-datetime-picker', name: `${pre}form-datetime-picker`, component: () => import('@/pages/demo/element/form-datetime-picker'), meta: { ...meta, title: 'Element 时间日期选择器' } },
|
||||
{ path: 'form-upload', name: `${pre}form-upload`, component: () => import('@/pages/demo/element/form-upload'), meta: { ...meta, title: 'Element 上传' } },
|
||||
{ path: 'form-rate', name: `${pre}form-rate`, component: () => import('@/pages/demo/element/form-rate'), meta: { ...meta, title: 'Element 评分' } },
|
||||
{ path: 'form-color-picker', name: `${pre}form-color-picker`, component: () => import('@/pages/demo/element/form-color-picker'), meta: { ...meta, title: 'Element 颜色选择器' } },
|
||||
{ path: 'form-transfer', name: `${pre}form-transfer`, component: () => import('@/pages/demo/element/form-transfer'), meta: { ...meta, title: 'Element 穿梭框' } },
|
||||
{ path: 'form-form', name: `${pre}form-form`, component: () => import('@/pages/demo/element/form-form'), meta: { ...meta, title: 'Element 表单' } },
|
||||
{ path: 'data-table', name: `${pre}data-table`, component: () => import('@/pages/demo/element/data-table'), meta: { ...meta, title: 'Element 表格' } },
|
||||
{ path: 'data-tag', name: `${pre}data-tag`, component: () => import('@/pages/demo/element/data-tag'), meta: { ...meta, title: 'Element 标签' } },
|
||||
{ path: 'data-progress', name: `${pre}data-progress`, component: () => import('@/pages/demo/element/data-progress'), meta: { ...meta, title: 'Element 进度条' } },
|
||||
{ path: 'data-tree', name: `${pre}data-tree`, component: () => import('@/pages/demo/element/data-tree'), meta: { ...meta, title: 'Element 树形控件' } },
|
||||
{ path: 'data-pagination', name: `${pre}data-pagination`, component: () => import('@/pages/demo/element/data-pagination'), meta: { ...meta, title: 'Element 分页' } },
|
||||
{ path: 'data-badge', name: `${pre}data-badge`, component: () => import('@/pages/demo/element/data-badge'), meta: { ...meta, title: 'Element 标记' } },
|
||||
{ path: 'notice-alert', name: `${pre}notice-alert`, component: () => import('@/pages/demo/element/notice-alert'), meta: { ...meta, title: 'Element 警告' } },
|
||||
{ path: 'notice-loading', name: `${pre}notice-loading`, component: () => import('@/pages/demo/element/notice-loading'), meta: { ...meta, title: 'Element 加载' } },
|
||||
{ path: 'notice-message', name: `${pre}notice-message`, component: () => import('@/pages/demo/element/notice-message'), meta: { ...meta, title: 'Element 消息提示' } },
|
||||
{ path: 'notice-message-box', name: `${pre}notice-message-box`, component: () => import('@/pages/demo/element/notice-message-box'), meta: { ...meta, title: 'Element 弹框' } },
|
||||
{ path: 'notice-notification', name: `${pre}notice-notification`, component: () => import('@/pages/demo/element/notice-notification'), meta: { ...meta, title: 'Element 通知' } },
|
||||
{ path: 'navigation-menu', name: `${pre}navigation-menu`, component: () => import('@/pages/demo/element/navigation-menu'), meta: { ...meta, title: 'Element 导航菜单' } },
|
||||
{ path: 'navigation-tabs', name: `${pre}navigation-tabs`, component: () => import('@/pages/demo/element/navigation-tabs'), meta: { ...meta, title: 'Element 标签页' } },
|
||||
{ path: 'navigation-breadcrumb', name: `${pre}navigation-breadcrumb`, component: () => import('@/pages/demo/element/navigation-breadcrumb'), meta: { ...meta, title: 'Element 面包屑' } },
|
||||
{ path: 'navigation-dropdown', name: `${pre}navigation-dropdown`, component: () => import('@/pages/demo/element/navigation-dropdown'), meta: { ...meta, title: 'Element 下拉菜单' } },
|
||||
{ path: 'navigation-steps', name: `${pre}navigation-steps`, component: () => import('@/pages/demo/element/navigation-steps'), meta: { ...meta, title: 'Element 步骤条' } },
|
||||
{ path: 'others-dialog', name: `${pre}others-dialog`, component: () => import('@/pages/demo/element/others-dialog'), meta: { ...meta, title: 'Element 对话框' } },
|
||||
{ path: 'others-tooltip', name: `${pre}others-tooltip`, component: () => import('@/pages/demo/element/others-tooltip'), meta: { ...meta, title: 'Element 文字提示' } },
|
||||
{ path: 'others-popover', name: `${pre}others-popover`, component: () => import('@/pages/demo/element/others-popover'), meta: { ...meta, title: 'Element 弹出框' } },
|
||||
{ path: 'others-card', name: `${pre}others-card`, component: () => import('@/pages/demo/element/others-card'), meta: { ...meta, title: 'Element 卡片' } },
|
||||
{ path: 'others-carousel', name: `${pre}others-carousel`, component: () => import('@/pages/demo/element/others-carousel'), meta: { ...meta, title: 'Element 走马灯' } },
|
||||
{ path: 'others-collapse', name: `${pre}others-collapse`, component: () => import('@/pages/demo/element/others-collapse'), meta: { ...meta, title: 'Element 折叠面板' } },
|
||||
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/element/index'), meta: { ...meta, title: 'ElementUI' } }
|
||||
{ path: 'basic-layout', name: `${pre}basic-layout`, component: _import('demo/element/basic-layout'), meta: { ...meta, title: 'Element 布局' } },
|
||||
{ path: 'basic-container', name: `${pre}basic-container`, component: _import('demo/element/basic-container'), meta: { ...meta, title: 'Element 布局容器' } },
|
||||
{ path: 'basic-color', name: `${pre}basic-color`, component: _import('demo/element/basic-color'), meta: { ...meta, title: 'Element 色彩' } },
|
||||
{ path: 'basic-typography', name: `${pre}basic-typography`, component: _import('demo/element/basic-typography'), meta: { ...meta, title: 'Element 字体' } },
|
||||
{ path: 'basic-icon', name: `${pre}basic-icon`, component: _import('demo/element/basic-icon'), meta: { ...meta, title: 'Element 图标' } },
|
||||
{ path: 'basic-button', name: `${pre}basic-button`, component: _import('demo/element/basic-button'), meta: { ...meta, title: 'Element 按钮' } },
|
||||
{ path: 'form-radio', name: `${pre}form-radio`, component: _import('demo/element/form-radio'), meta: { ...meta, title: 'Element 单选框' } },
|
||||
{ path: 'form-checkbox', name: `${pre}form-checkbox`, component: _import('demo/element/form-checkbox'), meta: { ...meta, title: 'Element 多选框' } },
|
||||
{ path: 'form-input', name: `${pre}form-input`, component: _import('demo/element/form-input'), meta: { ...meta, title: 'Element 输入框' } },
|
||||
{ path: 'form-input-number', name: `${pre}form-input-number`, component: _import('demo/element/form-input-number'), meta: { ...meta, title: 'Element 计数器' } },
|
||||
{ path: 'form-select', name: `${pre}form-select`, component: _import('demo/element/form-select'), meta: { ...meta, title: 'Element 选择器' } },
|
||||
{ path: 'form-cascader', name: `${pre}form-cascader`, component: _import('demo/element/form-cascader'), meta: { ...meta, title: 'Element 级联选择器' } },
|
||||
{ path: 'form-switch', name: `${pre}form-switch`, component: _import('demo/element/form-switch'), meta: { ...meta, title: 'Element 开关' } },
|
||||
{ path: 'form-slider', name: `${pre}form-slider`, component: _import('demo/element/form-slider'), meta: { ...meta, title: 'Element 滑块' } },
|
||||
{ path: 'form-time-picker', name: `${pre}form-time-picker`, component: _import('demo/element/form-time-picker'), meta: { ...meta, title: 'Element 时间选择器' } },
|
||||
{ path: 'form-date-picker', name: `${pre}form-date-picker`, component: _import('demo/element/form-date-picker'), meta: { ...meta, title: 'Element 日期选择器' } },
|
||||
{ path: 'form-datetime-picker', name: `${pre}form-datetime-picker`, component: _import('demo/element/form-datetime-picker'), meta: { ...meta, title: 'Element 时间日期选择器' } },
|
||||
{ path: 'form-upload', name: `${pre}form-upload`, component: _import('demo/element/form-upload'), meta: { ...meta, title: 'Element 上传' } },
|
||||
{ path: 'form-rate', name: `${pre}form-rate`, component: _import('demo/element/form-rate'), meta: { ...meta, title: 'Element 评分' } },
|
||||
{ path: 'form-color-picker', name: `${pre}form-color-picker`, component: _import('demo/element/form-color-picker'), meta: { ...meta, title: 'Element 颜色选择器' } },
|
||||
{ path: 'form-transfer', name: `${pre}form-transfer`, component: _import('demo/element/form-transfer'), meta: { ...meta, title: 'Element 穿梭框' } },
|
||||
{ path: 'form-form', name: `${pre}form-form`, component: _import('demo/element/form-form'), meta: { ...meta, title: 'Element 表单' } },
|
||||
{ path: 'data-table', name: `${pre}data-table`, component: _import('demo/element/data-table'), meta: { ...meta, title: 'Element 表格' } },
|
||||
{ path: 'data-tag', name: `${pre}data-tag`, component: _import('demo/element/data-tag'), meta: { ...meta, title: 'Element 标签' } },
|
||||
{ path: 'data-progress', name: `${pre}data-progress`, component: _import('demo/element/data-progress'), meta: { ...meta, title: 'Element 进度条' } },
|
||||
{ path: 'data-tree', name: `${pre}data-tree`, component: _import('demo/element/data-tree'), meta: { ...meta, title: 'Element 树形控件' } },
|
||||
{ path: 'data-pagination', name: `${pre}data-pagination`, component: _import('demo/element/data-pagination'), meta: { ...meta, title: 'Element 分页' } },
|
||||
{ path: 'data-badge', name: `${pre}data-badge`, component: _import('demo/element/data-badge'), meta: { ...meta, title: 'Element 标记' } },
|
||||
{ path: 'notice-alert', name: `${pre}notice-alert`, component: _import('demo/element/notice-alert'), meta: { ...meta, title: 'Element 警告' } },
|
||||
{ path: 'notice-loading', name: `${pre}notice-loading`, component: _import('demo/element/notice-loading'), meta: { ...meta, title: 'Element 加载' } },
|
||||
{ path: 'notice-message', name: `${pre}notice-message`, component: _import('demo/element/notice-message'), meta: { ...meta, title: 'Element 消息提示' } },
|
||||
{ path: 'notice-message-box', name: `${pre}notice-message-box`, component: _import('demo/element/notice-message-box'), meta: { ...meta, title: 'Element 弹框' } },
|
||||
{ path: 'notice-notification', name: `${pre}notice-notification`, component: _import('demo/element/notice-notification'), meta: { ...meta, title: 'Element 通知' } },
|
||||
{ path: 'navigation-menu', name: `${pre}navigation-menu`, component: _import('demo/element/navigation-menu'), meta: { ...meta, title: 'Element 导航菜单' } },
|
||||
{ path: 'navigation-tabs', name: `${pre}navigation-tabs`, component: _import('demo/element/navigation-tabs'), meta: { ...meta, title: 'Element 标签页' } },
|
||||
{ path: 'navigation-breadcrumb', name: `${pre}navigation-breadcrumb`, component: _import('demo/element/navigation-breadcrumb'), meta: { ...meta, title: 'Element 面包屑' } },
|
||||
{ path: 'navigation-dropdown', name: `${pre}navigation-dropdown`, component: _import('demo/element/navigation-dropdown'), meta: { ...meta, title: 'Element 下拉菜单' } },
|
||||
{ path: 'navigation-steps', name: `${pre}navigation-steps`, component: _import('demo/element/navigation-steps'), meta: { ...meta, title: 'Element 步骤条' } },
|
||||
{ path: 'others-dialog', name: `${pre}others-dialog`, component: _import('demo/element/others-dialog'), meta: { ...meta, title: 'Element 对话框' } },
|
||||
{ path: 'others-tooltip', name: `${pre}others-tooltip`, component: _import('demo/element/others-tooltip'), meta: { ...meta, title: 'Element 文字提示' } },
|
||||
{ path: 'others-popover', name: `${pre}others-popover`, component: _import('demo/element/others-popover'), meta: { ...meta, title: 'Element 弹出框' } },
|
||||
{ path: 'others-card', name: `${pre}others-card`, component: _import('demo/element/others-card'), meta: { ...meta, title: 'Element 卡片' } },
|
||||
{ path: 'others-carousel', name: `${pre}others-carousel`, component: _import('demo/element/others-carousel'), meta: { ...meta, title: 'Element 走马灯' } },
|
||||
{ path: 'others-collapse', name: `${pre}others-collapse`, component: _import('demo/element/others-collapse'), meta: { ...meta, title: 'Element 折叠面板' } },
|
||||
{ path: 'index', name: `${pre}index`, component: _import('demo/element/index'), meta: { ...meta, title: 'ElementUI' } }
|
||||
])('demo-element-')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -12,13 +15,13 @@ export default {
|
||||
{
|
||||
path: 'index',
|
||||
name: `${pre}index`,
|
||||
component: () => import('@/pages/demo/filters/index'),
|
||||
component: _import('demo/filters/index'),
|
||||
meta: { ...meta, title: '过滤器首页' }
|
||||
},
|
||||
{
|
||||
path: 'day',
|
||||
name: `${pre}day`,
|
||||
component: () => import('@/pages/demo/filters/day'),
|
||||
component: _import('demo/filters/day'),
|
||||
meta: { ...meta, title: '日期和时间' }
|
||||
}
|
||||
])('demo-filters-')
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -9,8 +12,8 @@ export default {
|
||||
redirect: { name: 'demo-frame-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/frame/index'), meta: { ...meta, title: 'Frame 首页' } },
|
||||
{ path: 'html', name: `${pre}html`, component: () => import('@/pages/demo/frame/html'), meta: { ...meta, title: '静态 HTML' } },
|
||||
{ path: 'd2-doc', name: `${pre}d2-doc`, component: () => import('@/pages/demo/frame/d2-doc'), meta: { ...meta, title: 'D2Admin 中文文档' } }
|
||||
{ path: 'index', name: `${pre}index`, component: _import('demo/frame/index'), meta: { ...meta, title: 'Frame 首页' } },
|
||||
{ path: 'html', name: `${pre}html`, component: _import('demo/frame/html'), meta: { ...meta, title: '静态 HTML' } },
|
||||
{ path: 'd2-doc', name: `${pre}d2-doc`, component: _import('demo/frame/d2-doc'), meta: { ...meta, title: 'D2Admin 中文文档' } }
|
||||
])('demo-frame-')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -9,30 +12,30 @@ export default {
|
||||
redirect: { name: 'demo-playground-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/playground/index'), meta: { ...meta, title: '试验台首页' } },
|
||||
{ path: 'store/page', name: `${pre}store-page`, component: () => import('@/pages/demo/playground/store/page'), meta: { ...meta, cache: true, title: '多标签页控制' } },
|
||||
{ path: 'store/menu', name: `${pre}store-menu`, component: () => import('@/pages/demo/playground/store/menu'), meta: { ...meta, title: '菜单控制' } },
|
||||
{ path: 'store/size', name: `${pre}store-size`, component: () => import('@/pages/demo/playground/store/size'), meta: { ...meta, title: '全局尺寸' } },
|
||||
{ path: 'store/ua', name: `${pre}store-ua`, component: () => import('@/pages/demo/playground/store/ua'), meta: { ...meta, title: '浏览器信息' } },
|
||||
{ path: 'store/gray', name: `${pre}store-gray`, component: () => import('@/pages/demo/playground/store/gray'), meta: { ...meta, title: '灰度模式' } },
|
||||
{ path: 'store/fullscreen', name: `${pre}store-fullscreen`, component: () => import('@/pages/demo/playground/store/fullscreen'), meta: { ...meta, title: '全屏' } },
|
||||
{ path: 'store/theme', name: `${pre}store-theme`, component: () => import('@/pages/demo/playground/store/theme'), meta: { ...meta, title: '主题' } },
|
||||
{ path: 'store/transition', name: `${pre}store-transition`, component: () => import('@/pages/demo/playground/store/transition'), meta: { ...meta, title: '页面过渡开关' } },
|
||||
{ path: 'page-cache/on', name: `${pre}page-cache-on`, component: () => import('@/pages/demo/playground/page-cache/on.vue'), meta: { ...meta, cache: true, title: '开启缓存' } },
|
||||
{ path: 'page-cache/off', name: `${pre}page-cache-off`, component: () => import('@/pages/demo/playground/page-cache/off.vue'), meta: { ...meta, title: '关闭缓存' } },
|
||||
{ path: 'page-cache/params/:id', name: `${pre}page-cache-params`, component: () => import('@/pages/demo/playground/page-cache/params.vue'), meta: { ...meta, cache: true, title: '带参路由缓存' }, props: true },
|
||||
{ path: 'page-argu/send', name: `${pre}page-argu-send`, component: () => import('@/pages/demo/playground/page-argu/send.vue'), meta: { ...meta, title: '参数传递 发送' } },
|
||||
{ path: 'page-argu/get/:username', name: `${pre}page-argu-get`, component: () => import('@/pages/demo/playground/page-argu/get.vue'), meta: { ...meta, title: '参数传递 接收' } },
|
||||
{ path: 'db/all', name: `${pre}db-all`, component: () => import('@/pages/demo/playground/db/all'), meta: { ...meta, title: '总览' } },
|
||||
{ path: 'db/public', name: `${pre}db-public`, component: () => import('@/pages/demo/playground/db/public'), meta: { ...meta, title: '公共存储' } },
|
||||
{ path: 'db/user', name: `${pre}db-user`, component: () => import('@/pages/demo/playground/db/user'), meta: { ...meta, title: '私有存储' } },
|
||||
{ path: 'db/page-public', name: `${pre}db-page-public`, component: () => import('@/pages/demo/playground/db/page-public'), meta: { ...meta, title: '路由存储' } },
|
||||
{ path: 'db/page-user', name: `${pre}db-page-user`, component: () => import('@/pages/demo/playground/db/page-user'), meta: { ...meta, title: '私有路由存储' } },
|
||||
{ path: 'db/page-snapshot-public', name: `${pre}db-page-snapshot-public`, component: () => import('@/pages/demo/playground/db/page-snapshot-public'), meta: { ...meta, title: '路由快照' } },
|
||||
{ path: 'db/page-snapshot-user', name: `${pre}db-page-snapshot-user`, component: () => import('@/pages/demo/playground/db/page-snapshot-user'), meta: { ...meta, title: '私有路由快照' } },
|
||||
{ path: 'log/log', name: `${pre}log-log`, component: () => import('@/pages/demo/playground/log/log'), meta: { ...meta, title: '日志记录' } },
|
||||
{ path: 'log/error', name: `${pre}log-error`, component: () => import('@/pages/demo/playground/log/error'), meta: { ...meta, title: '错误捕捉' } },
|
||||
{ path: 'log/console', name: `${pre}log-console`, component: () => import('@/pages/demo/playground/log/console'), meta: { ...meta, title: '控制台日志' } },
|
||||
{ path: 'env', name: `${pre}env`, component: () => import('@/pages/demo/playground/env'), meta: { ...meta, title: '环境信息' } }
|
||||
{ path: 'index', name: `${pre}index`, component: _import('demo/playground/index'), meta: { ...meta, title: '试验台首页' } },
|
||||
{ path: 'store/page', name: `${pre}store-page`, component: _import('demo/playground/store/page'), meta: { ...meta, cache: true, title: '多标签页控制' } },
|
||||
{ path: 'store/menu', name: `${pre}store-menu`, component: _import('demo/playground/store/menu'), meta: { ...meta, title: '菜单控制' } },
|
||||
{ path: 'store/size', name: `${pre}store-size`, component: _import('demo/playground/store/size'), meta: { ...meta, title: '全局尺寸' } },
|
||||
{ path: 'store/ua', name: `${pre}store-ua`, component: _import('demo/playground/store/ua'), meta: { ...meta, title: '浏览器信息' } },
|
||||
{ path: 'store/gray', name: `${pre}store-gray`, component: _import('demo/playground/store/gray'), meta: { ...meta, title: '灰度模式' } },
|
||||
{ path: 'store/fullscreen', name: `${pre}store-fullscreen`, component: _import('demo/playground/store/fullscreen'), meta: { ...meta, title: '全屏' } },
|
||||
{ path: 'store/theme', name: `${pre}store-theme`, component: _import('demo/playground/store/theme'), meta: { ...meta, title: '主题' } },
|
||||
{ path: 'store/transition', name: `${pre}store-transition`, component: _import('demo/playground/store/transition'), meta: { ...meta, title: '页面过渡开关' } },
|
||||
{ path: 'page-cache/on', name: `${pre}page-cache-on`, component: _import('demo/playground/page-cache/on.vue'), meta: { ...meta, cache: true, title: '开启缓存' } },
|
||||
{ path: 'page-cache/off', name: `${pre}page-cache-off`, component: _import('demo/playground/page-cache/off.vue'), meta: { ...meta, title: '关闭缓存' } },
|
||||
{ path: 'page-cache/params/:id', name: `${pre}page-cache-params`, component: _import('demo/playground/page-cache/params.vue'), meta: { ...meta, cache: true, title: '带参路由缓存' }, props: true },
|
||||
{ path: 'page-argu/send', name: `${pre}page-argu-send`, component: _import('demo/playground/page-argu/send.vue'), meta: { ...meta, title: '参数传递 发送' } },
|
||||
{ path: 'page-argu/get/:username', name: `${pre}page-argu-get`, component: _import('demo/playground/page-argu/get.vue'), meta: { ...meta, title: '参数传递 接收' } },
|
||||
{ path: 'db/all', name: `${pre}db-all`, component: _import('demo/playground/db/all'), meta: { ...meta, title: '总览' } },
|
||||
{ path: 'db/public', name: `${pre}db-public`, component: _import('demo/playground/db/public'), meta: { ...meta, title: '公共存储' } },
|
||||
{ path: 'db/user', name: `${pre}db-user`, component: _import('demo/playground/db/user'), meta: { ...meta, title: '私有存储' } },
|
||||
{ path: 'db/page-public', name: `${pre}db-page-public`, component: _import('demo/playground/db/page-public'), meta: { ...meta, title: '路由存储' } },
|
||||
{ path: 'db/page-user', name: `${pre}db-page-user`, component: _import('demo/playground/db/page-user'), meta: { ...meta, title: '私有路由存储' } },
|
||||
{ path: 'db/page-snapshot-public', name: `${pre}db-page-snapshot-public`, component: _import('demo/playground/db/page-snapshot-public'), meta: { ...meta, title: '路由快照' } },
|
||||
{ path: 'db/page-snapshot-user', name: `${pre}db-page-snapshot-user`, component: _import('demo/playground/db/page-snapshot-user'), meta: { ...meta, title: '私有路由快照' } },
|
||||
{ path: 'log/log', name: `${pre}log-log`, component: _import('demo/playground/log/log'), meta: { ...meta, title: '日志记录' } },
|
||||
{ path: 'log/error', name: `${pre}log-error`, component: _import('demo/playground/log/error'), meta: { ...meta, title: '错误捕捉' } },
|
||||
{ path: 'log/console', name: `${pre}log-console`, component: _import('demo/playground/log/console'), meta: { ...meta, title: '控制台日志' } },
|
||||
{ path: 'env', name: `${pre}env`, component: _import('demo/playground/env'), meta: { ...meta, title: '环境信息' } }
|
||||
])('demo-playground-')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
@@ -9,20 +12,20 @@ export default {
|
||||
redirect: { name: 'demo-plugins-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{ path: 'better-scroll/base', name: `${pre}better-scroll-base`, component: () => import('@/pages/demo/plugins/better-scroll/base.vue'), meta: { ...meta, title: '滚动插件基础' } },
|
||||
{ path: 'better-scroll/to', name: `${pre}better-scroll-to`, component: () => import('@/pages/demo/plugins/better-scroll/to.vue'), meta: { ...meta, title: '滚动定位' } },
|
||||
{ path: 'clipboard-polyfill', name: `${pre}clipboard-polyfill`, component: () => import('@/pages/demo/plugins/clipboard-polyfill'), meta: { ...meta, title: '剪贴板访问' } },
|
||||
{ path: 'day', name: `${pre}day`, component: () => import('@/pages/demo/plugins/day'), meta: { ...meta, title: '日期计算' } },
|
||||
{ path: 'export/table', name: `${pre}export-table`, component: () => import('@/pages/demo/plugins/export/table.vue'), meta: { ...meta, title: '导出表格' } },
|
||||
{ path: 'export/txt', name: `${pre}export-txt`, component: () => import('@/pages/demo/plugins/export/txt.vue'), meta: { ...meta, title: '导出文本' } },
|
||||
{ path: 'i18n/demo1', name: `${pre}i18n-demo1`, component: () => import('@/pages/demo/plugins/i18n/demo1.vue'), meta: { ...meta, title: '多国语示例 1' } },
|
||||
{ path: 'i18n/demo2', name: `${pre}i18n-demo2`, component: () => import('@/pages/demo/plugins/i18n/demo2.vue'), meta: { ...meta, title: '多国语示例 2' } },
|
||||
{ path: 'import/csv', name: `${pre}import-csv`, component: () => import('@/pages/demo/plugins/import/csv.vue'), meta: { ...meta, title: '导入 csv' } },
|
||||
{ path: 'import/xlsx', name: `${pre}import-xlsx`, component: () => import('@/pages/demo/plugins/import/xlsx.vue'), meta: { ...meta, title: '导入 xlsx' } },
|
||||
{ path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/plugins/index'), meta: { ...meta, title: '插件首页' } },
|
||||
{ path: 'js-cookie', name: `${pre}js-cookie`, component: () => import('@/pages/demo/plugins/js-cookie'), meta: { ...meta, title: 'Cookie' } },
|
||||
{ path: 'mock/ajax', name: `${pre}mock-ajax`, component: () => import('@/pages/demo/plugins/mock/ajax.vue'), meta: { ...meta, title: '模拟数据' } },
|
||||
{ path: 'mock/dpd', name: `${pre}mock-dpd`, component: () => import('@/pages/demo/plugins/mock/dpd.vue'), meta: { ...meta, title: 'mock dpd规则' } },
|
||||
{ path: 'mock/dtd', name: `${pre}mock-dtd`, component: () => import('@/pages/demo/plugins/mock/dtd.vue'), meta: { ...meta, title: 'mock dtd规则' } }
|
||||
{ path: 'better-scroll/base', name: `${pre}better-scroll-base`, component: _import('demo/plugins/better-scroll/base.vue'), meta: { ...meta, title: '滚动插件基础' } },
|
||||
{ path: 'better-scroll/to', name: `${pre}better-scroll-to`, component: _import('demo/plugins/better-scroll/to.vue'), meta: { ...meta, title: '滚动定位' } },
|
||||
{ path: 'clipboard-polyfill', name: `${pre}clipboard-polyfill`, component: _import('demo/plugins/clipboard-polyfill'), meta: { ...meta, title: '剪贴板访问' } },
|
||||
{ path: 'day', name: `${pre}day`, component: _import('demo/plugins/day'), meta: { ...meta, title: '日期计算' } },
|
||||
{ path: 'export/table', name: `${pre}export-table`, component: _import('demo/plugins/export/table.vue'), meta: { ...meta, title: '导出表格' } },
|
||||
{ path: 'export/txt', name: `${pre}export-txt`, component: _import('demo/plugins/export/txt.vue'), meta: { ...meta, title: '导出文本' } },
|
||||
{ path: 'i18n/demo1', name: `${pre}i18n-demo1`, component: _import('demo/plugins/i18n/demo1.vue'), meta: { ...meta, title: '多国语示例 1' } },
|
||||
{ path: 'i18n/demo2', name: `${pre}i18n-demo2`, component: _import('demo/plugins/i18n/demo2.vue'), meta: { ...meta, title: '多国语示例 2' } },
|
||||
{ path: 'import/csv', name: `${pre}import-csv`, component: _import('demo/plugins/import/csv.vue'), meta: { ...meta, title: '导入 csv' } },
|
||||
{ path: 'import/xlsx', name: `${pre}import-xlsx`, component: _import('demo/plugins/import/xlsx.vue'), meta: { ...meta, title: '导入 xlsx' } },
|
||||
{ path: 'index', name: `${pre}index`, component: _import('demo/plugins/index'), meta: { ...meta, title: '插件首页' } },
|
||||
{ path: 'js-cookie', name: `${pre}js-cookie`, component: _import('demo/plugins/js-cookie'), meta: { ...meta, title: 'Cookie' } },
|
||||
{ path: 'mock/ajax', name: `${pre}mock-ajax`, component: _import('demo/plugins/mock/ajax.vue'), meta: { ...meta, title: '模拟数据' } },
|
||||
{ path: 'mock/dpd', name: `${pre}mock-dpd`, component: _import('demo/plugins/mock/dpd.vue'), meta: { ...meta, title: 'mock dpd规则' } },
|
||||
{ path: 'mock/dtd', name: `${pre}mock-dtd`, component: _import('demo/plugins/mock/dtd.vue'), meta: { ...meta, title: 'mock dtd规则' } }
|
||||
])('demo-plugins-')
|
||||
}
|
||||
|
||||
@@ -10,6 +10,9 @@ import business from './modules/business'
|
||||
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
/**
|
||||
* 在主框架内显示
|
||||
*/
|
||||
@@ -26,7 +29,7 @@ const frameIn = [
|
||||
meta: {
|
||||
auth: true
|
||||
},
|
||||
component: () => import('@/pages/index')
|
||||
component: _import('index')
|
||||
},
|
||||
// 刷新页面 必须保留
|
||||
{
|
||||
@@ -73,7 +76,7 @@ const frameOut = [
|
||||
{
|
||||
path: '/login',
|
||||
name: 'login',
|
||||
component: () => import('@/pages/login')
|
||||
component: _import('login')
|
||||
}
|
||||
]
|
||||
|
||||
@@ -85,7 +88,7 @@ const errorPage = [
|
||||
{
|
||||
path: '*',
|
||||
name: '404',
|
||||
component: () => import('@/pages/error-page-404')
|
||||
component: _import('error-page-404')
|
||||
}
|
||||
]
|
||||
|
||||
|
||||
Reference in New Issue
Block a user