定制大屏调整位置

This commit is contained in:
aixianling
2022-08-30 17:29:29 +08:00
parent eef6c52ac5
commit 73355a8f07
11 changed files with 16 additions and 16 deletions

View File

@@ -12,7 +12,7 @@
<script> <script>
import {scrollBoard} from '@jiaminghi/data-view' import {scrollBoard} from '@jiaminghi/data-view'
import bgImage from '../assets/centralTask/bg.png' import bgImage from './assets/centralTask/bg.png'
import Vue from "vue"; import Vue from "vue";
Vue.use(scrollBoard) Vue.use(scrollBoard)
@@ -74,7 +74,7 @@ export default {
.leftBox { .leftBox {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("../assets/centralTask/box.png"); background-image: url("./assets/centralTask/box.png");
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
display: flex; display: flex;
@@ -88,7 +88,7 @@ export default {
.boxTitle { .boxTitle {
height: 68px; height: 68px;
width: 534px; width: 534px;
background-image: url("../assets/centralTask/titleBox.png"); background-image: url("./assets/centralTask/titleBox.png");
text-align: center; text-align: center;
font-size: 22px; font-size: 22px;
font-weight: 400; font-weight: 400;

View File

@@ -343,7 +343,7 @@ export default {
} }
.centerTopPane { .centerTopPane {
background-image: url("../assets/govInteraction/globe_map.png"); background-image: url("./assets/govInteraction/globe_map.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
height: 540px; height: 540px;
@@ -376,7 +376,7 @@ export default {
::v-deep .dataPane { ::v-deep .dataPane {
width: 122px; width: 122px;
height: 114px; height: 114px;
background-image: url("../assets/govInteraction/kuaikuai.png"); background-image: url("./assets/govInteraction/kuaikuai.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 80px; background-size: 100% 80px;
background-position: bottom center; background-position: bottom center;
@@ -426,7 +426,7 @@ export default {
.titlePane { .titlePane {
width: 100%; width: 100%;
background-image: url("../assets/govInteraction/title.png"); background-image: url("./assets/govInteraction/title.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 309px 100%; background-size: 309px 100%;
height: 60px; height: 60px;

View File

@@ -63,7 +63,7 @@
<el-dialog :visible.sync="isShowInfo" width="640px" :close-on-click-modal="false" :modal-append-to-body="false"> <el-dialog :visible.sync="isShowInfo" width="640px" :close-on-click-modal="false" :modal-append-to-body="false">
<template slot="title"> <template slot="title">
<h2>家庭信息</h2> <h2>家庭信息</h2>
<img src="../assets/grid/close.png" @click="isShowInfo = false"> <img src="./assets/grid/close.png" @click="isShowInfo = false">
</template> </template>
<div class="grid-info"> <div class="grid-info">
<div class="grid-info__title"> <div class="grid-info__title">
@@ -706,7 +706,7 @@ export default {
display: flex; display: flex;
width: 320px; width: 320px;
height: 62px; height: 62px;
background-image: url(../assets/grid/title-bg.png); background-image: url(assets/grid/title-bg.png);
background-size: 100% 100%; background-size: 100% 100%;
h2 { h2 {

View File

@@ -187,7 +187,7 @@
<script> <script>
import {mapState} from "vuex"; import {mapState} from "vuex";
import BuildingStatistics from "../../../grid/AppHouseMap/buildingStatistics"; import BuildingStatistics from "../../grid/AppHouseMap/buildingStatistics";
export default { export default {
name: "AppHomesteadDV", name: "AppHomesteadDV",

View File

@@ -287,7 +287,7 @@ export default {
.left-top { .left-top {
width: 100%; width: 100%;
background-image: url("../assets/videoMonitor/box1.png"); background-image: url("./assets/videoMonitor/box1.png");
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@@ -301,7 +301,7 @@ export default {
.left-bottom { .left-bottom {
width: 100%; width: 100%;
height: 311px; height: 311px;
background-image: url("../assets/videoMonitor/box2.png"); background-image: url("./assets/videoMonitor/box2.png");
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 7px; margin-top: 7px;
display: flex; display: flex;
@@ -326,7 +326,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-image: url("../assets/videoMonitor/card.png"); background-image: url("./assets/videoMonitor/card.png");
background-size: 100% 100%; background-size: 100% 100%;
margin-right: 24px; margin-right: 24px;
@@ -352,7 +352,7 @@ export default {
.center-bottom { .center-bottom {
width: 100%; width: 100%;
height: 789px; height: 789px;
background-image: url("../assets/videoMonitor/middlebox.png"); background-image: url("./assets/videoMonitor/middlebox.png");
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 40px; margin-top: 40px;
position: relative; position: relative;
@@ -398,7 +398,7 @@ export default {
.right-top { .right-top {
width: 100%; width: 100%;
height: 333px; height: 333px;
background-image: url("../assets/videoMonitor/box3.png"); background-image: url("./assets/videoMonitor/box3.png");
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@@ -432,7 +432,7 @@ export default {
.right-middle, .right-bottom { .right-middle, .right-bottom {
width: 100%; width: 100%;
height: 276px; height: 276px;
background-image: url("../assets/videoMonitor/box4.png"); background-image: url("./assets/videoMonitor/box4.png");
background-size: 100% 100%; background-size: 100% 100%;
margin: 19px 0; margin: 19px 0;
position: relative; position: relative;
@@ -511,7 +511,7 @@ export default {
} }
::v-deep .header { ::v-deep .header {
background: url("../assets/videoMonitor/titlebox.png"); background: url("./assets/videoMonitor/titlebox.png");
} }
::v-deep .row-item div:nth-child(3) { ::v-deep .row-item div:nth-child(3) {