|
@@ -5,16 +5,16 @@
|
|
|
|
|
|
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
|
|
|
<line-chart :chart-data="lineChartData" />
|
|
|
- </el-row> -->
|
|
|
+ </el-row>
|
|
|
|
|
|
- <!-- <el-row :gutter="32">
|
|
|
+ <el-row :gutter="32">
|
|
|
<el-col :xs="24" :sm="24" :lg="24">
|
|
|
<div class="chart-wrapper">
|
|
|
<bar-chart />
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row> -->
|
|
|
-
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
@@ -68,16 +68,28 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.dashboard-editor-container {
|
|
|
- padding: 32px;
|
|
|
- background-color: rgb(240, 242, 245);
|
|
|
- position: relative;
|
|
|
+// .dashboard-editor-container {
|
|
|
+// padding: 32px;
|
|
|
+// background-color: rgb(240, 242, 245);
|
|
|
+// position: relative;
|
|
|
|
|
|
- .chart-wrapper {
|
|
|
- background: #fff;
|
|
|
- padding: 16px 16px 0;
|
|
|
- margin-bottom: 32px;
|
|
|
- }
|
|
|
+// .chart-wrapper {
|
|
|
+// background: #fff;
|
|
|
+// padding: 16px 16px 0;
|
|
|
+// margin-bottom: 32px;
|
|
|
+// }
|
|
|
+// }
|
|
|
+
|
|
|
+.dashboard-editor-container {
|
|
|
+ /* 背景设置 */
|
|
|
+ background-image: url('~@/assets/images/shouye.png');
|
|
|
+ background-size: cover; /* 覆盖整个容器 */
|
|
|
+ background-position: center; /* 居中显示 */
|
|
|
+ background-repeat: no-repeat; /* 不重复 */
|
|
|
+
|
|
|
+ /* 容器基础样式 */
|
|
|
+ min-height: 91vh; /* 最小高度充满视口 */
|
|
|
+ position: relative; /* 为子元素绝对定位提供参考 */
|
|
|
}
|
|
|
|
|
|
@media (max-width:1024px) {
|