作者 小范

首页新加背景图

1 <template> 1 <template>
2 <div class="dashboard-editor-container"> 2 <div class="dashboard-editor-container">
3 - <github-corner class="github-corner" /> 3 + <img style="height: 100%;width: 100%" src="~img/indexcp.jpg">
  4 +<!-- <github-corner class="github-corner" />-->
4 5
5 - <panel-group @handleSetLineChartData="handleSetLineChartData" /> 6 +<!-- <panel-group @handleSetLineChartData="handleSetLineChartData" />-->
6 7
7 - <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">  
8 - <line-chart :chart-data="lineChartData" />  
9 - </el-row> 8 +<!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
  9 +<!-- <line-chart :chart-data="lineChartData" />-->
  10 +<!-- </el-row>-->
10 11
11 - <el-row :gutter="20">  
12 - <el-col :span="7">  
13 - <div class="chart-wrapper">  
14 - <raddar-chart />  
15 - </div>  
16 - </el-col>  
17 -<!-- :xs="24" :sm="24" :lg="8"-->  
18 - <el-col :span="7">  
19 - <div class="chart-wrapper">  
20 - <pie-chart />  
21 - </div>  
22 - </el-col>  
23 - <el-col :span="7">  
24 - <div class="chart-wrapper">  
25 - <bar-chart />  
26 - </div>  
27 - </el-col>  
28 - </el-row> 12 +<!-- <el-row :gutter="20">-->
  13 +<!-- <el-col :span="7">-->
  14 +<!-- <div class="chart-wrapper">-->
  15 +<!-- <raddar-chart />-->
  16 +<!-- </div>-->
  17 +<!-- </el-col>-->
  18 +<!--&lt;!&ndash; :xs="24" :sm="24" :lg="8"&ndash;&gt;-->
  19 +<!-- <el-col :span="7">-->
  20 +<!-- <div class="chart-wrapper">-->
  21 +<!-- <pie-chart />-->
  22 +<!-- </div>-->
  23 +<!-- </el-col>-->
  24 +<!-- <el-col :span="7">-->
  25 +<!-- <div class="chart-wrapper">-->
  26 +<!-- <bar-chart />-->
  27 +<!-- </div>-->
  28 +<!-- </el-col>-->
  29 +<!-- </el-row>-->
29 30
30 <!-- <el-row :gutter="8">--> 31 <!-- <el-row :gutter="8">-->
31 <!-- <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="padding-right:8px;margin-bottom:30px;">--> 32 <!-- <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="padding-right:8px;margin-bottom:30px;">-->
@@ -99,27 +100,30 @@ @@ -99,27 +100,30 @@
99 100
100 <style lang="scss" scoped> 101 <style lang="scss" scoped>
101 .dashboard-editor-container { 102 .dashboard-editor-container {
102 - padding: 32px;  
103 - background-color: rgb(240, 242, 245);  
104 - position: relative; 103 + /*background: url("~img/indexcp.jpg");*/
  104 + /*padding: 32px;*/
  105 + /*background-color: rgb(0,0, 125);*/
  106 + /*background-repeat:no-repeat;*/
  107 + /*height: 100%;*/
  108 + /*position: relative;*/
105 109
106 - .github-corner {  
107 - position: absolute;  
108 - top: 0px;  
109 - border: 0;  
110 - right: 0;  
111 - } 110 + /* .github-corner {*/
  111 + /* position: absolute;*/
  112 + /* top: 0px;*/
  113 + /* border: 0;*/
  114 + /* right: 0;*/
  115 + /* }*/
112 116
113 - .chart-wrapper {  
114 - background: #fff;  
115 - padding: 16px 16px 0;  
116 - margin-bottom: 32px;  
117 - }  
118 - } 117 + /* .chart-wrapper {*/
  118 + /* background: #fff;*/
  119 + /* padding: 16px 16px 0;*/
  120 + /* margin-bottom: 32px;*/
  121 + /* }*/
  122 + /*}*/
119 123
120 - @media (max-width:1024px) {  
121 - .chart-wrapper {  
122 - padding: 6px;  
123 - } 124 + /*@media (max-width:1024px) {*/
  125 + /* .chart-wrapper {*/
  126 + /* padding: 6px;*/
  127 + /* }*/
124 } 128 }
125 </style> 129 </style>