zhouchijian/fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

perf:refine dashboard responsive

Browse Source
This commit is contained in:
Pan
2017-12-04 14:28:26 +08:00
parent 96a7035b1d
commit 8f9de5c641
5 changed files with 68 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/dashboard/admin/components/PanelGroup.vue
View File

@@ -1,6 +1,6 @@
<template>
<el-row class="panel-group" :gutter="40">
<el-col :span="6">
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class='card-panel' @click="handleSetLineChartData('newVisitis')">
<div class="card-panel-icon-wrapper icon-people">
<svg-icon icon-class="peoples" class-name="card-panel-icon" />
@@ -11,7 +11,7 @@
</div>
</div>
</el-col>
<el-col :span="6">
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="handleSetLineChartData('messages')">
<div class="card-panel-icon-wrapper icon-message">
<svg-icon icon-class="message" class-name="card-panel-icon" />
@@ -22,7 +22,7 @@
</div>
</div>
</el-col>
<el-col :span="6">
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="handleSetLineChartData('purchases')">
<div class="card-panel-icon-wrapper icon-money">
<svg-icon icon-class="money" class-name="card-panel-icon" />
@@ -33,7 +33,7 @@
</div>
</div>
</el-col>
<el-col :span="6">
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="handleSetLineChartData('shoppings')">
<div class="card-panel-icon-wrapper icon-shoppingCard">
<svg-icon icon-class="shoppingCard" class-name="card-panel-icon" />
@@ -64,7 +64,10 @@ export default {
<style rel="stylesheet/scss" lang="scss" scoped>
.panel-group {
margin-top: 20px;
margin-top: 18px;
.card-panel-col{
margin-bottom: 32px;
}
.card-panel {
height: 108px;
cursor: pointer;
@@ -132,5 +135,4 @@ export default {
}
}
}
</style>