(TagsView)
diff --git a/src/pages/index/views/components-demo/button/index.vue b/src/pages/index/views/components-demo/button/index.vue
new file mode 100644
index 0000000..5715cac
--- /dev/null
+++ b/src/pages/index/views/components-demo/button/index.vue
@@ -0,0 +1,63 @@
+
+
+
+
default
+
+
默认按钮
+
默认按钮
+
默认按钮
+
默认按钮
+
+
primary
+
+
主要按钮
+
主要按钮
+
主要按钮
+
主要按钮
+
+
success
+
+
成功按钮
+
成功按钮
+
成功按钮
+
成功按钮
+
+
warning
+
+
警告按钮
+
警告按钮
+
警告按钮
+
警告按钮
+
+
danger
+
+
危险按钮
+
危险按钮
+
危险按钮
+
危险按钮
+
+
info
+
+
信息按钮
+
信息按钮
+
信息按钮
+
信息按钮
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{b} : {c} ({d}%)'
+ },
+ legend: {
+ orient: 'vertical',
+ left: 'left',
+ data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
+ },
+ series: [{
+ name: '用户访问来源',
+ type: 'pie',
+ radius: '55%',
+ center: ['50%', '60%'],
+ data: [{
+ value: 335,
+ name: '直接访问'
+ },
+ {
+ value: 310,
+ name: '邮件营销'
+ },
+ {
+ value: 234,
+ name: '联盟广告'
+ },
+ {
+ value: 135,
+ name: '视频广告'
+ },
+ {
+ value: 1548,
+ name: '搜索引擎'
+ }
+ ],
+ itemStyle: {
+ emphasis: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ }
+ }]
+}
+
+export const barOptions: EChartOption = {
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'shadow'
+ }
+ },
+ xAxis: {
+ type: 'category',
+ data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+ axisTick: {
+ alignWithLabel: true
+ }
+ },
+ yAxis: {
+ type: 'value'
+ },
+ series: [{
+ name: '活跃量',
+ data: [13253, 34235, 26321, 12340, 24643, 1322, 1324],
+ type: 'bar'
+ }]
+}
+
+export const pieOptions2: EChartOption = {
+ tooltip: {
+ trigger: 'item',
+ formatter: '{a}
{b} : {c} ({d}%)'
+ },
+ series: [{
+ name: '访问来源',
+ type: 'pie',
+ radius: '55%',
+ center: ['50%', '50%'],
+ data: [{
+ value: 335,
+ name: '直接访问'
+ },
+ {
+ value: 310,
+ name: '邮件营销'
+ },
+ {
+ value: 274,
+ name: '联盟广告'
+ },
+ {
+ value: 235,
+ name: '视频广告'
+ },
+ {
+ value: 400,
+ name: '搜索引擎'
+ }
+ ].sort(function(a, b) {
+ return a.value - b.value
+ }),
+ roseType: 'radius',
+ label: {
+ normal: {
+ }
+ },
+ labelLine: {
+ normal: {
+ smooth: 0.2,
+ length: 10,
+ length2: 20
+ }
+ },
+ animationType: 'scale',
+ animationEasing: 'elasticOut',
+ animationDelay: function() {
+ return Math.random() * 200
+ }
+ }]
+}
diff --git a/src/pages/index/views/components-demo/echarts/index.vue b/src/pages/index/views/components-demo/echarts/index.vue
new file mode 100644
index 0000000..0ea3885
--- /dev/null
+++ b/src/pages/index/views/components-demo/echarts/index.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Web 富文本编辑器有很多，但我们是认真的！
为何选择 wangEditor
初见
npm 安装npm i wangeditor --save，几行代码即可创建一个编辑器。
import E from 'wangeditor' const editor = new E('#div1') editor.create()
更多使用配置，请阅读使用文档。
浏览器兼容性
- 兼容主流 PC 浏览器，IE11+
- 不支持移动端和 ipad
遇到问题
- 加入 QQ 群：901247714，164999061(人已满)，710646022(人已满)
- 提交问题和建议
贡献代码
欢迎非团队成员贡献代码，提交 Pull Request，请一定参考贡献代码流程。
谁在维护
wangEditor 现有一个开源团队在维护，团队可以保证答疑、bug 修复和迭代效率。
查看开发团队，或想加入开发团队
为我们点赞
如果你感觉有收获，欢迎给我打赏，以激励我们更多输出优质开源内容。
`
diff --git a/src/pages/index/views/components-demo/editor/index.vue b/src/pages/index/views/components-demo/editor/index.vue
new file mode 100644
index 0000000..8bf3f7b
--- /dev/null
+++ b/src/pages/index/views/components-demo/editor/index.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
diff --git a/src/pages/index/views/components-demo/image/index.vue b/src/pages/index/views/components-demo/image/index.vue
new file mode 100644
index 0000000..920f39d
--- /dev/null
+++ b/src/pages/index/views/components-demo/image/index.vue
@@ -0,0 +1,141 @@
+
+
+
+
+
+
+
+
+ 默认
+
+
+
+
自定义
+
+
+
+ 加载中...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
+
点击预览
+
+
+
点击预览
+
+
+
+
+
+
+ 查询/重置后的数据：{{ formData1 }}
+
+
+
+
+
+
+
+ 查询/重置后的数据：{{ formData2 }}
+
+
+
+
+
+
+
+ 查询/重置后的数据：{{ formData3 }}
+
+
+
{b} : {c} ({d}%)'
+ },
+ legend: {
+ orient: 'vertical',
+ left: 'left',
+ data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
+ },
+ series: [{
+ name: '用户访问来源',
+ type: 'pie',
+ radius: '55%',
+ center: ['50%', '60%'],
+ data: [
+ { value: 335, name: '直接访问' },
+ { value: 310, name: '邮件营销' },
+ { value: 234, name: '联盟广告' },
+ { value: 135, name: '视频广告' },
+ { value: 1548, name: '搜索引擎' }
+ ],
+ itemStyle: {
+ emphasis: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ }
+ }]
+}
+
+export const barOptions: EChartOption = {
+ title: {
+ text: '每周用户活跃量',
+ left: 'center'
+ },
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'shadow'
+ }
+ },
+ xAxis: {
+ type: 'category',
+ data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+ axisTick: {
+ alignWithLabel: true
+ }
+ },
+ yAxis: {
+ type: 'value'
+ },
+ series: [{
+ name: '活跃量',
+ data: [13253, 34235, 26321, 12340, 24643, 1322, 1324],
+ type: 'bar'
+ }]
+}
diff --git a/src/pages/index/views/dashboard/index.vue b/src/pages/index/views/dashboard/index.vue
new file mode 100644
index 0000000..9615cd9
--- /dev/null
+++ b/src/pages/index/views/dashboard/index.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ generateIconCode(item) }}
+
+
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
+
+
+
+ Search
+
+
+ Reset
+
+
+
+
+
+ {{ value || ' ' }}
+
+
+
+
+ Add
+
+
+
+
+
+
+
+ Delete
+
+
+
+
+
+
+ Delete
+
+
+
+ {{ record.description }}
+
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
+
diff --git a/src/pages/index/views/table-demo/table-merge/index.vue b/src/pages/index/views/table-demo/table-merge/index.vue
new file mode 100644
index 0000000..e6670a7
--- /dev/null
+++ b/src/pages/index/views/table-demo/table-merge/index.vue
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+
diff --git a/src/pages/index/views/table-demo/table-tree/index.vue b/src/pages/index/views/table-demo/table-tree/index.vue
new file mode 100644
index 0000000..434f8fa
--- /dev/null
+++ b/src/pages/index/views/table-demo/table-tree/index.vue
@@ -0,0 +1,124 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/index/views/table-demo/test/index.ts b/src/pages/index/views/table-demo/test/index.ts
new file mode 100644
index 0000000..a04807a
--- /dev/null
+++ b/src/pages/index/views/table-demo/test/index.ts
@@ -0,0 +1,3 @@
+import Table from './table2'
+
+export default Table
diff --git a/src/pages/index/views/table-demo/test/index.vue b/src/pages/index/views/table-demo/test/index.vue
new file mode 100644
index 0000000..1879826
--- /dev/null
+++ b/src/pages/index/views/table-demo/test/index.vue
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
diff --git a/src/pages/index/views/table-demo/test/table.vue b/src/pages/index/views/table-demo/test/table.vue
new file mode 100644
index 0000000..706a491
--- /dev/null
+++ b/src/pages/index/views/table-demo/test/table.vue
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+ Search
+
+
+ Reset
+
+
+ 
+