Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
6d6a9df5
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
6d6a9df5
编写于
11月 17, 2017
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refactor:views/components
上级
12863242
变更
21
隐藏空白更改
内联
并排
Showing
21 changed file
with
154 addition
and
143 deletion
+154
-143
src/components/MDinput/index.vue
src/components/MDinput/index.vue
+1
-0
src/router/index.js
src/router/index.js
+12
-13
src/views/components-demo/avatarUpload.vue
src/views/components-demo/avatarUpload.vue
+0
-0
src/views/components-demo/backToTop.vue
src/views/components-demo/backToTop.vue
+0
-0
src/views/components-demo/countTo.vue
src/views/components-demo/countTo.vue
+0
-0
src/views/components-demo/dndList.vue
src/views/components-demo/dndList.vue
+0
-0
src/views/components-demo/dropzone.vue
src/views/components-demo/dropzone.vue
+0
-0
src/views/components-demo/jsonEditor.vue
src/views/components-demo/jsonEditor.vue
+0
-0
src/views/components-demo/markdown.vue
src/views/components-demo/markdown.vue
+0
-0
src/views/components-demo/mixin.vue
src/views/components-demo/mixin.vue
+118
-0
src/views/components-demo/splitpane.vue
src/views/components-demo/splitpane.vue
+0
-0
src/views/components-demo/sticky.vue
src/views/components-demo/sticky.vue
+0
-0
src/views/components-demo/tinymce.vue
src/views/components-demo/tinymce.vue
+0
-0
src/views/components/index.vue
src/views/components/index.vue
+0
-7
src/views/components/mixin.vue
src/views/components/mixin.vue
+0
-66
src/views/dashboard/admin/components/BoxCard.vue
src/views/dashboard/admin/components/BoxCard.vue
+9
-8
src/views/dashboard/admin/components/PieChart.vue
src/views/dashboard/admin/components/PieChart.vue
+4
-5
src/views/dashboard/admin/components/RaddarChart.vue
src/views/dashboard/admin/components/RaddarChart.vue
+4
-4
src/views/dashboard/admin/index.vue
src/views/dashboard/admin/index.vue
+6
-40
src/views/i18n-demo/index.vue
src/views/i18n-demo/index.vue
+0
-0
src/views/i18n-demo/local.js
src/views/i18n-demo/local.js
+0
-0
未找到文件。
src/components/MDinput/index.vue
浏览文件 @
6d6a9df5
...
@@ -164,6 +164,7 @@ export default {
...
@@ -164,6 +164,7 @@ export default {
.material-input__icon
{
.material-input__icon
{
position
:
absolute
;
position
:
absolute
;
left
:
0
;
left
:
0
;
line-height
:
$font-size-base
;
color
:
$color-blue
;
color
:
$color-blue
;
top
:
$spacer
;
top
:
$spacer
;
width
:
$index-has-icon
;
width
:
$index-has-icon
;
...
...
src/router/index.js
浏览文件 @
6d6a9df5
...
@@ -95,18 +95,17 @@ export const asyncRouterMap = [
...
@@ -95,18 +95,17 @@ export const asyncRouterMap = [
icon
:
'
component
'
icon
:
'
component
'
},
},
children
:
[
children
:
[
{
path
:
'
index
'
,
component
:
_import
(
'
components/index
'
),
name
:
'
componentIndex
'
,
meta
:
{
title
:
'
componentIndex
'
}},
{
path
:
'
tinymce
'
,
component
:
_import
(
'
components-demo/tinymce
'
),
name
:
'
tinymce
'
,
meta
:
{
title
:
'
tinymce
'
}},
{
path
:
'
tinymce
'
,
component
:
_import
(
'
components/tinymce
'
),
name
:
'
tinymce
'
,
meta
:
{
title
:
'
tinymce
'
}},
{
path
:
'
markdown
'
,
component
:
_import
(
'
components-demo/markdown
'
),
name
:
'
markdown
'
,
meta
:
{
title
:
'
markdown
'
}},
{
path
:
'
markdown
'
,
component
:
_import
(
'
components/markdown
'
),
name
:
'
markdown
'
,
meta
:
{
title
:
'
markdown
'
}},
{
path
:
'
json-editor
'
,
component
:
_import
(
'
components-demo/jsonEditor
'
),
name
:
'
jsonEditor
'
,
meta
:
{
title
:
'
jsonEditor
'
}},
{
path
:
'
json-editor
'
,
component
:
_import
(
'
components/jsonEditor
'
),
name
:
'
jsonEditor
'
,
meta
:
{
title
:
'
jsonEditor
'
}},
{
path
:
'
dnd-list
'
,
component
:
_import
(
'
components-demo/dndList
'
),
name
:
'
dndList
'
,
meta
:
{
title
:
'
dndList
'
}},
{
path
:
'
dnd-list
'
,
component
:
_import
(
'
components/dndList
'
),
name
:
'
dndList
'
,
meta
:
{
title
:
'
dndList
'
}},
{
path
:
'
splitpane
'
,
component
:
_import
(
'
components-demo/splitpane
'
),
name
:
'
splitpane
'
,
meta
:
{
title
:
'
splitPane
'
}},
{
path
:
'
splitpane
'
,
component
:
_import
(
'
components/splitpane
'
),
name
:
'
splitpane
'
,
meta
:
{
title
:
'
splitPane
'
}},
{
path
:
'
avatar-upload
'
,
component
:
_import
(
'
components-demo/avatarUpload
'
),
name
:
'
avatarUpload
'
,
meta
:
{
title
:
'
avatarUpload
'
}},
{
path
:
'
avatar-upload
'
,
component
:
_import
(
'
components/avatarUpload
'
),
name
:
'
avatarUpload
'
,
meta
:
{
title
:
'
avatarUpload
'
}},
{
path
:
'
dropzone
'
,
component
:
_import
(
'
components-demo/dropzone
'
),
name
:
'
dropzone
'
,
meta
:
{
title
:
'
dropzone
'
}},
{
path
:
'
dropzone
'
,
component
:
_import
(
'
components/dropzone
'
),
name
:
'
dropzone
'
,
meta
:
{
title
:
'
dropzone
'
}},
{
path
:
'
sticky
'
,
component
:
_import
(
'
components-demo/sticky
'
),
name
:
'
sticky
'
,
meta
:
{
title
:
'
sticky
'
}},
{
path
:
'
sticky
'
,
component
:
_import
(
'
components/sticky
'
),
name
:
'
sticky
'
,
meta
:
{
title
:
'
sticky
'
}},
{
path
:
'
count-to
'
,
component
:
_import
(
'
components-demo/countTo
'
),
name
:
'
countTo
'
,
meta
:
{
title
:
'
countTo
'
}},
{
path
:
'
count-to
'
,
component
:
_import
(
'
components/countTo
'
),
name
:
'
countTo
'
,
meta
:
{
title
:
'
countTo
'
}},
{
path
:
'
mixin
'
,
component
:
_import
(
'
components-demo/mixin
'
),
name
:
'
componentMixin
'
,
meta
:
{
title
:
'
componentMixin
'
}},
{
path
:
'
mixin
'
,
component
:
_import
(
'
components/mixin
'
),
name
:
'
componentMixin
'
,
meta
:
{
title
:
'
componentMixin
'
}},
{
path
:
'
back-to-top
'
,
component
:
_import
(
'
components-demo/backToTop
'
),
name
:
'
backToTop
'
,
meta
:
{
title
:
'
backToTop
'
}}
{
path
:
'
back-to-top
'
,
component
:
_import
(
'
components/backToTop
'
),
name
:
'
backToTop
'
,
meta
:
{
title
:
'
backToTop
'
}}
]
]
},
},
...
@@ -235,7 +234,7 @@ export const asyncRouterMap = [
...
@@ -235,7 +234,7 @@ export const asyncRouterMap = [
{
{
path
:
'
/i18n
'
,
path
:
'
/i18n
'
,
component
:
Layout
,
component
:
Layout
,
children
:
[{
path
:
'
index
'
,
component
:
_import
(
'
i18n/index
'
),
name
:
'
i18n
'
,
meta
:
{
title
:
'
i18n
'
,
icon
:
'
international
'
}}]
children
:
[{
path
:
'
index
'
,
component
:
_import
(
'
i18n
-demo
/index
'
),
name
:
'
i18n
'
,
meta
:
{
title
:
'
i18n
'
,
icon
:
'
international
'
}}]
},
},
{
path
:
'
*
'
,
redirect
:
'
/404
'
,
hidden
:
true
}
{
path
:
'
*
'
,
redirect
:
'
/404
'
,
hidden
:
true
}
...
...
src/views/components/avatarUpload.vue
→
src/views/components
-demo
/avatarUpload.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/backToTop.vue
→
src/views/components
-demo
/backToTop.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/countTo.vue
→
src/views/components
-demo
/countTo.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/dndList.vue
→
src/views/components
-demo
/dndList.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/dropzone.vue
→
src/views/components
-demo
/dropzone.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/jsonEditor.vue
→
src/views/components
-demo
/jsonEditor.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/markdown.vue
→
src/views/components
-demo
/markdown.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components-demo/mixin.vue
0 → 100644
浏览文件 @
6d6a9df5
<
template
>
<div
class=
"components-container"
>
<el-row>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn blue-btn"
to=
"/components/index"
>
Components
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn light-blue-btn"
to=
"/charts/index"
>
Charts
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn pink-btn"
to=
"/excel/download"
>
Excel
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn green-btn"
to=
"/example/table/complex-table"
>
Table
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn tiffany-btn"
to=
"/form/edit-form"
>
Form
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn yellow-btn"
to=
"/theme/index"
>
Theme
</router-link>
</el-col>
</el-row>
<el-row
:gutter=
"20"
style=
"margin-top:50px;"
>
<el-col
:span=
"6"
>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span>
Material Design 的input
</span>
</div>
<div
style=
"height:100px;"
>
<el-form
:model=
"demo"
:rules=
"demoRules"
>
<el-form-item
prop=
"title"
>
<md-input
icon=
"search"
name=
"title"
placeholder=
"输入标题"
v-model=
"demo.title"
>
标题
</md-input>
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
<el-col
:span=
"6"
>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span>
图片hover效果
</span>
</div>
<div
class=
"component-item"
>
<pan-thumb
width=
'100px'
height=
'100px'
image=
'https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191'
>
vue-element-admin
</pan-thumb>
</div>
</el-card>
</el-col>
<el-col
:span=
"6"
>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span>
水波纹 waves v-directive
</span>
</div>
<div
class=
"component-item"
>
<el-button
v-waves
type=
"primary"
>
水波纹效果
</el-button>
</div>
</el-card>
</el-col>
<el-col
:span=
"6"
>
<el-card
class=
"box-card"
>
<div
slot=
"header"
class=
"clearfix"
>
<span>
hover text
</span>
</div>
<div
class=
"component-item"
>
<mallki
className=
'mallki-text'
text=
'vue-element-admin'
></mallki>
</div>
</el-card>
</el-col>
</el-row>
</div>
</
template
>
<
script
>
import
PanThumb
from
'
@/components/PanThumb
'
import
MdInput
from
'
@/components/MDinput
'
import
waves
from
'
@/directive/waves/index.js
'
// 水波纹指令
import
Mallki
from
'
@/components/TextHoverEffect/Mallki
'
export
default
{
components
:
{
PanThumb
,
MdInput
,
Mallki
},
directives
:
{
waves
},
data
()
{
const
validate
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
length
!==
6
)
{
callback
(
new
Error
(
'
请输入六个字符
'
))
}
else
{
callback
()
}
}
return
{
demo
:
{
title
:
''
},
demoRules
:
{
title
:
[{
required
:
true
,
trigger
:
'
change
'
,
validator
:
validate
}]
}
}
}
}
</
script
>
<
style
scoped
>
.component-item
{
min-height
:
100px
;
}
</
style
>
src/views/components/splitpane.vue
→
src/views/components
-demo
/splitpane.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/sticky.vue
→
src/views/components
-demo
/sticky.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/tinymce.vue
→
src/views/components
-demo
/tinymce.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/components/index.vue
已删除
100644 → 0
浏览文件 @
12863242
<
template
>
<div
class=
"components-container"
>
<code>
这里暂时列出了自己在项目中用到的组件和一些自己封装的组件,如有补充可以提
<a
target=
'_blank'
href=
'https://github.com/PanJiaChen/vue-element-admin/issues'
>
issue
</a><br/>
我个人崇尚自己封装组件,因为很多组件会和业务后高度的耦合,而且第三方封装的组件灵活性可控性都不高,如有需要可以看楼主之前写过的一篇
<a
href=
'https://segmentfault.com/a/1190000009090836'
target=
'_blank'
>
文章
</a>
</code>
</div>
</
template
>
src/views/components/mixin.vue
已删除
100644 → 0
浏览文件 @
12863242
<
template
>
<div
class=
"components-container"
>
<div
class=
'component-item'
>
<el-form
:model=
"demo"
:rules=
"demoRules"
>
<el-form-item
prop=
"title"
>
<md-input
icon=
"search"
name=
"title"
placeholder=
"输入标题"
v-model=
"demo.title"
>
标题
</md-input>
</el-form-item>
</el-form>
<code
class=
'code-part'
>
Material Design 的input
</code>
</div>
<div
class=
'component-item'
>
<pan-thumb
image=
'https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191'
>
上海花裤衩
</pan-thumb>
<code
class=
'code-part'
>
图片hover效果
</code>
</div>
<div
class=
'component-item'
>
<el-button
v-waves
type=
"primary"
>
水波纹效果
</el-button>
<code
class=
'code-part'
>
水波纹 v-directive
</code>
</div>
</div>
</
template
>
<
script
>
import
PanThumb
from
'
@/components/PanThumb
'
import
MdInput
from
'
@/components/MDinput
'
import
waves
from
'
@/directive/waves/index.js
'
// 水波纹指令
export
default
{
components
:
{
PanThumb
,
MdInput
},
directives
:
{
waves
},
data
()
{
const
validate
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
.
length
!==
6
)
{
callback
(
new
Error
(
'
请输入六个字符
'
))
}
else
{
callback
()
}
}
return
{
demo
:
{
title
:
''
},
demoRules
:
{
title
:
[{
required
:
true
,
trigger
:
'
change
'
,
validator
:
validate
}]
}
}
}
}
</
script
>
<
style
scoped
>
.component-item
{
margin-top
:
100px
;
}
.code-part
{
margin-top
:
20px
;
}
</
style
>
src/views/dashboard/admin/components/BoxCard.vue
浏览文件 @
6d6a9df5
...
@@ -6,7 +6,7 @@
...
@@ -6,7 +6,7 @@
<div
style=
"position:relative;"
>
<div
style=
"position:relative;"
>
<pan-thumb
class=
"panThumb"
:image=
"avatar"
></pan-thumb>
<pan-thumb
class=
"panThumb"
:image=
"avatar"
></pan-thumb>
<mallki
className=
'mallki-text'
text=
'vue-element-admin'
></mallki>
<mallki
className=
'mallki-text'
text=
'vue-element-admin'
></mallki>
<div
class=
'progress-item'
>
<div
style=
"padding-top:35px;"
class=
'progress-item'
>
<span>
Vue
</span>
<span>
Vue
</span>
<el-progress
:percentage=
"70"
></el-progress>
<el-progress
:percentage=
"70"
></el-progress>
</div>
</div>
...
@@ -18,6 +18,10 @@
...
@@ -18,6 +18,10 @@
<span>
Css
</span>
<span>
Css
</span>
<el-progress
:percentage=
"12"
></el-progress>
<el-progress
:percentage=
"12"
></el-progress>
</div>
</div>
<div
class=
'progress-item'
>
<span>
ESlint
</span>
<el-progress
:percentage=
"100"
status=
"success"
></el-progress>
</div>
</div>
</div>
</el-card>
</el-card>
</
template
>
</
template
>
...
@@ -53,13 +57,7 @@ export default {
...
@@ -53,13 +57,7 @@ export default {
}
}
return
statusMap
[
status
]
return
statusMap
[
status
]
}
}
},
created
()
{
},
methods
:
{
}
}
}
}
</
script
>
</
script
>
...
@@ -86,7 +84,7 @@ export default {
...
@@ -86,7 +84,7 @@ export default {
}
}
.mallki-text
{
.mallki-text
{
position
:
absolute
;
position
:
absolute
;
top
:
-1
0px
;
top
:
0px
;
right
:
0px
;
right
:
0px
;
font-size
:
20px
;
font-size
:
20px
;
font-weight
:
bold
;
font-weight
:
bold
;
...
@@ -102,6 +100,9 @@ export default {
...
@@ -102,6 +100,9 @@ export default {
background-color
:
#fff
;
background-color
:
#fff
;
margin
:
auto
;
margin
:
auto
;
box-shadow
:
none
!
important
;
box-shadow
:
none
!
important
;
/
deep
/
.pan-info
{
box-shadow
:
none
!
important
;
}
}
}
.progress-item
{
.progress-item
{
margin-bottom
:
10px
;
margin-bottom
:
10px
;
...
...
src/views/dashboard/admin/components/PieChart.vue
浏览文件 @
6d6a9df5
...
@@ -54,9 +54,9 @@ export default {
...
@@ -54,9 +54,9 @@ export default {
formatter
:
'
{a} <br/>{b} : {c} ({d}%)
'
formatter
:
'
{a} <br/>{b} : {c} ({d}%)
'
},
},
legend
:
{
legend
:
{
x
:
'
center
'
,
left
:
'
center
'
,
y
:
'
bottom
'
,
bottom
:
'
10
'
,
data
:
[
'
industries
'
,
'
technology
'
,
'
forex
'
,
'
gold
'
,
'
forecasts
'
,
'
markets
'
]
data
:
[
'
industries
'
,
'
technology
'
,
'
forex
'
,
'
gold
'
,
'
forecasts
'
]
},
},
calculable
:
true
,
calculable
:
true
,
series
:
[
series
:
[
...
@@ -71,8 +71,7 @@ export default {
...
@@ -71,8 +71,7 @@ export default {
{
value
:
240
,
name
:
'
technology
'
},
{
value
:
240
,
name
:
'
technology
'
},
{
value
:
149
,
name
:
'
forex
'
},
{
value
:
149
,
name
:
'
forex
'
},
{
value
:
100
,
name
:
'
gold
'
},
{
value
:
100
,
name
:
'
gold
'
},
{
value
:
59
,
name
:
'
forecasts
'
},
{
value
:
59
,
name
:
'
forecasts
'
}
{
value
:
49
,
name
:
'
markets
'
}
],
],
animationEasing
:
'
cubicInOut
'
,
animationEasing
:
'
cubicInOut
'
,
animationDuration
:
2600
animationDuration
:
2600
...
...
src/views/dashboard/admin/components/RaddarChart.vue
浏览文件 @
6d6a9df5
...
@@ -58,8 +58,8 @@ export default {
...
@@ -58,8 +58,8 @@ export default {
}
}
},
},
radar
:
{
radar
:
{
radius
:
'
70
%
'
,
radius
:
'
66
%
'
,
center
:
[
'
50%
'
,
'
4
4
%
'
],
center
:
[
'
50%
'
,
'
4
2
%
'
],
splitNumber
:
8
,
splitNumber
:
8
,
splitArea
:
{
splitArea
:
{
areaStyle
:
{
areaStyle
:
{
...
@@ -81,8 +81,8 @@ export default {
...
@@ -81,8 +81,8 @@ export default {
]
]
},
},
legend
:
{
legend
:
{
left
:
0
,
left
:
'
center
'
,
bottom
:
0
,
bottom
:
'
10
'
,
data
:
[
'
Allocated Budget
'
,
'
Expected Spending
'
,
'
Actual Spending
'
]
data
:
[
'
Allocated Budget
'
,
'
Expected Spending
'
,
'
Actual Spending
'
]
},
},
series
:
[{
series
:
[{
...
...
src/views/dashboard/admin/index.vue
浏览文件 @
6d6a9df5
<
template
>
<
template
>
<div
class=
"dashboard-editor-container"
>
<div
class=
"dashboard-editor-container"
>
<github-corner></github-corner>
<github-corner></github-corner>
<!--
<el-row
class=
"btn-group"
>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn blue-btn"
to=
"/components/index"
>
Components
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn light-blue-btn"
to=
"/charts/index"
>
Charts
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn pink-btn"
to=
"/excel/download"
>
Excel
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn green-btn"
to=
"/example/table/complex-table"
>
Table
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn tiffany-btn"
to=
"/form/edit-form"
>
Form
</router-link>
</el-col>
<el-col
:span=
"4"
class=
'text-center'
>
<router-link
class=
"pan-btn yellow-btn"
to=
"/theme/index"
>
Theme
</router-link>
</el-col>
</el-row>
-->
<el-row
class=
"panel-group"
:gutter=
"40"
>
<el-row
class=
"panel-group"
:gutter=
"40"
>
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<div
class=
'card-panel
no-margin-left
'
@
click=
"handleSetLineChartData('newVisitis')"
>
<div
class=
'card-panel'
@
click=
"handleSetLineChartData('newVisitis')"
>
<div
class=
"card-panel-icon-wrapper icon-people"
>
<div
class=
"card-panel-icon-wrapper icon-people"
>
<svg-icon
icon-class=
"peoples"
class-name=
"card-panel-icon"
/>
<svg-icon
icon-class=
"peoples"
class-name=
"card-panel-icon"
/>
</div>
</div>
...
@@ -56,7 +37,7 @@
...
@@ -56,7 +37,7 @@
</div>
</div>
</el-col>
</el-col>
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<div
class=
'card-panel
no-margin-right
'
@
click=
"handleSetLineChartData('shoppings')"
>
<div
class=
'card-panel'
@
click=
"handleSetLineChartData('shoppings')"
>
<div
class=
"card-panel-icon-wrapper icon-shoppingCard"
>
<div
class=
"card-panel-icon-wrapper icon-shoppingCard"
>
<svg-icon
icon-class=
"shoppingCard"
class-name=
"card-panel-icon"
/>
<svg-icon
icon-class=
"shoppingCard"
class-name=
"card-panel-icon"
/>
</div>
</div>
...
@@ -72,9 +53,9 @@
...
@@ -72,9 +53,9 @@
<line-chart
:chart-data=
'lineChartData'
></line-chart>
<line-chart
:chart-data=
'lineChartData'
></line-chart>
</el-row>
</el-row>
<el-row
style=
"margin-top:30px;"
>
<el-row
style=
"margin-top:30px;"
:gutter=
"30"
>
<el-col
:span=
"8"
>
<el-col
:span=
"8"
>
<div
class=
"chart-wrapper
no-margin-left
"
>
<div
class=
"chart-wrapper"
>
<raddar-chart></raddar-chart>
<raddar-chart></raddar-chart>
</div>
</div>
</el-col>
</el-col>
...
@@ -84,7 +65,7 @@
...
@@ -84,7 +65,7 @@
</div>
</div>
</el-col>
</el-col>
<el-col
:span=
"8"
>
<el-col
:span=
"8"
>
<div
class=
"chart-wrapper
no-margin-right
"
>
<div
class=
"chart-wrapper"
>
<bar-chart></bar-chart>
<bar-chart></bar-chart>
</div>
</div>
</el-col>
</el-col>
...
@@ -100,15 +81,11 @@
...
@@ -100,15 +81,11 @@
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<box-card></box-card>
<box-card></box-card>
</el-col>
</el-col>
</el-row>
</el-row>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
import
CountTo
from
'
vue-count-to
'
import
CountTo
from
'
vue-count-to
'
import
GithubCorner
from
'
@/components/GithubCorner
'
import
GithubCorner
from
'
@/components/GithubCorner
'
...
@@ -169,17 +146,10 @@ export default {
...
@@ -169,17 +146,10 @@ export default {
.dashboard-editor-container
{
.dashboard-editor-container
{
padding
:
30px
;
padding
:
30px
;
background-color
:
rgb
(
240
,
242
,
245
);
background-color
:
rgb
(
240
,
242
,
245
);
.no-margin-left
{
margin-left
:
0
!
important
;
}
.no-margin-right
{
margin-right
:
0
!
important
;
}
.panel-group
{
.panel-group
{
margin-top
:
20px
;
margin-top
:
20px
;
}
}
.card-panel
{
.card-panel
{
// margin: 0 25px;
height
:
108px
;
height
:
108px
;
cursor
:
pointer
;
cursor
:
pointer
;
font-size
:
12px
;
font-size
:
12px
;
...
@@ -247,11 +217,7 @@ export default {
...
@@ -247,11 +217,7 @@ export default {
}
}
.chart-wrapper
{
.chart-wrapper
{
background
:
#fff
;
background
:
#fff
;
margin
:
0
15px
;
padding
:
15px
15px
0
;
padding
:
15px
15px
0
;
}
}
.btn-group
{
margin-bottom
:
60px
;
}
}
}
</
style
>
</
style
>
src/views/i18n/index.vue
→
src/views/i18n
-demo
/index.vue
浏览文件 @
6d6a9df5
文件已移动
src/views/i18n/local.js
→
src/views/i18n
-demo
/local.js
浏览文件 @
6d6a9df5
文件已移动
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录