+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/404.vue b/src/demo/manage/src/views/404.vue
new file mode 100644
index 00000000..a4dfcf20
--- /dev/null
+++ b/src/demo/manage/src/views/404.vue
@@ -0,0 +1,54 @@
+
+ 403
+ 啊哦~ 你没有权限访问该页面哦
+
+
+ 返回首页
+
+ 返回上一页
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/charts.vue b/src/demo/manage/src/views/charts.vue
new file mode 100644
index 00000000..7e4df52a
--- /dev/null
+++ b/src/demo/manage/src/views/charts.vue
@@ -0,0 +1,127 @@
+
+ 404
+ 啊哦~ 你所访问的页面不存在
+
+
+ 返回首页
+
+ 返回上一页
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/dashboard.vue b/src/demo/manage/src/views/dashboard.vue
new file mode 100644
index 00000000..5e6d0391
--- /dev/null
+++ b/src/demo/manage/src/views/dashboard.vue
@@ -0,0 +1,301 @@
+
+
+ vue-schart：vue.js封装sChart.js的图表组件。 访问地址：
+ vue-schart
+
+
+
+ 柱状图
+
+
+ 折线图
+
+
+ 饼状图
+
+
+ 环形图
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/donate.vue b/src/demo/manage/src/views/donate.vue
new file mode 100644
index 00000000..c127e30d
--- /dev/null
+++ b/src/demo/manage/src/views/donate.vue
@@ -0,0 +1,14 @@
+
+
+ 语言详情
+
+
+ Vue
+
+
+
+
+ 1234
+ 用户访问量
+
+
+
+
+ 321
+ 系统消息
+
+
+
+
+ 5000
+ 商品数量
+
+ 待办事项
+ 添加
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/editor.vue b/src/demo/manage/src/views/editor.vue
new file mode 100644
index 00000000..c08d55be
--- /dev/null
+++ b/src/demo/manage/src/views/editor.vue
@@ -0,0 +1,37 @@
+
+
+ 如果该框架对你有帮助，那就请作者喝杯饮料吧！
+
+ 
+
+
+
+ 提交
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/export.vue b/src/demo/manage/src/views/export.vue
new file mode 100644
index 00000000..21ecf6b2
--- /dev/null
+++ b/src/demo/manage/src/views/export.vue
@@ -0,0 +1,98 @@
+
+
+ wangEditor：轻量级 web 富文本编辑器，配置方便，使用简单。 访问地址：
+ wangEditor
+
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/form.vue b/src/demo/manage/src/views/form.vue
new file mode 100644
index 00000000..75609aeb
--- /dev/null
+++ b/src/demo/manage/src/views/form.vue
@@ -0,0 +1,156 @@
+
+
+
+
+
+
+ 导出Excel
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/home.vue b/src/demo/manage/src/views/home.vue
new file mode 100644
index 00000000..e8ba189a
--- /dev/null
+++ b/src/demo/manage/src/views/home.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 表单提交
+ 重置表单
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/icon.vue b/src/demo/manage/src/views/icon.vue
new file mode 100644
index 00000000..0b01ff3d
--- /dev/null
+++ b/src/demo/manage/src/views/icon.vue
@@ -0,0 +1,212 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/import.vue b/src/demo/manage/src/views/import.vue
new file mode 100644
index 00000000..e0ca8c3d
--- /dev/null
+++ b/src/demo/manage/src/views/import.vue
@@ -0,0 +1,118 @@
+
+ 使用方法
++ 直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{ iconList.length }}个图标） +
++ + <i class="el-icon-lx-redpacket_fill"></i> +
++ + <i class="el-icon-lx-weibo"></i> +
++ + <i class="el-icon-lx-emojifill"></i> +
++
图标
+
+
+ -
+
-
+ + + {{ item }} ++
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/login.vue b/src/demo/manage/src/views/login.vue
new file mode 100644
index 00000000..da669ebf
--- /dev/null
+++ b/src/demo/manage/src/views/login.vue
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+ 批量导入
+
+ 下载模板
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/markdown.vue b/src/demo/manage/src/views/markdown.vue
new file mode 100644
index 00000000..d435f9ca
--- /dev/null
+++ b/src/demo/manage/src/views/markdown.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
diff --git a/src/demo/manage/src/views/permission.vue b/src/demo/manage/src/views/permission.vue
new file mode 100644
index 00000000..bf83327e
--- /dev/null
+++ b/src/demo/manage/src/views/permission.vue
@@ -0,0 +1,137 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 后台管理系统
+
+ 登录
+
+ Tips : 用户名和密码随便填。
+
+ 保存权限
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/table.vue b/src/demo/manage/src/views/table.vue
new file mode 100644
index 00000000..6888ccb9
--- /dev/null
+++ b/src/demo/manage/src/views/table.vue
@@ -0,0 +1,191 @@
+
+ 通过 v-permiss 自定义指令实现权限管理，使用非 admin 账号登录，可查看效果。
+
+ 角色：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/tabs.vue b/src/demo/manage/src/views/tabs.vue
new file mode 100644
index 00000000..849a131f
--- /dev/null
+++ b/src/demo/manage/src/views/tabs.vue
@@ -0,0 +1,116 @@
+
+
+
+
+ ￥{{ scope.row.money }}
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.state }}
+
+
+
+
+
+
+
+ 编辑
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 新增
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 标为已读
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 还原
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/upload.vue b/src/demo/manage/src/views/upload.vue
new file mode 100644
index 00000000..960edc3f
--- /dev/null
+++ b/src/demo/manage/src/views/upload.vue
@@ -0,0 +1,48 @@
+
+
+ 全部标为已读
+
+
+ 删除全部
+
+
+
+ 清空回收站
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/views/user.vue b/src/demo/manage/src/views/user.vue
new file mode 100644
index 00000000..c0728dab
--- /dev/null
+++ b/src/demo/manage/src/views/user.vue
@@ -0,0 +1,174 @@
+
+ 支持拖拽
+
+ Element Plus自带上传组件。 访问地址：
+ Element Plus Upload
+
+
+ 将文件拖到此处，或
+ 点击上传
+
+ 支持裁剪
+
+ vue-cropperjs：一个封装了 cropperjs 的 Vue 组件。 访问地址：
+ vue-cropperjs。 示例请查看
+ 个人中心
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ name }}
+
+
+
+
+
+
+
+ 保存
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/demo/manage/src/vite-env.d.ts b/src/demo/manage/src/vite-env.d.ts
new file mode 100644
index 00000000..ff773960
--- /dev/null
+++ b/src/demo/manage/src/vite-env.d.ts
@@ -0,0 +1,10 @@
+///
+ 基础信息
+
+
+
+
+
+
+ {{ name }}
+ 不可能！我的代码怎么可能会有bug！
+
+ 账户编辑
+
+
+