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

25
src/views/dashboard/admin/index.vue
View File

@@ -4,36 +4,36 @@
<panel-group @handleSetLineChartData="handleSetLineChartData"></panel-group>
<el-row style="margin-top:30px;background:#fff;padding:15px 15px 0;">
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
<line-chart :chart-data="lineChartData"></line-chart>
</el-row>
<el-row style="margin-top:30px;" :gutter="30">
<el-col :span="8">
<el-row :gutter="32">
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<raddar-chart></raddar-chart>
</div>
</el-col>
<el-col :span="8">
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<pie-chart></pie-chart>
</div>
</el-col>
<el-col :span="8">
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<bar-chart></bar-chart>
</div>
</el-col>
</el-row>
<el-row style="margin-top:30px;">
<el-col :span="12" style="padding-right:8px;">
<el-row :gutter="8">
<el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="padding-right:8px;margin-bottom:30px;">
<transaction-table></transaction-table>
</el-col>
<el-col :span="6">
<todo-list style="margin:0 8px;"></todo-list>
<el-col :xs="{span: 12}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 5}">
<todo-list></todo-list>
</el-col>
<el-col :span="6">
<el-col :xs="{span: 12}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 5}">
<box-card></box-card>
</el-col>
</el-row>
@@ -99,11 +99,12 @@ export default {
<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard-editor-container {
padding: 30px;
padding: 32px;
background-color: rgb(240, 242, 245);
.chart-wrapper {
background: #fff;
padding: 15px 15px 0;
padding: 16px 16px 0;
margin-bottom: 32px;
}
}
</style>