定制大屏调整位置
This commit is contained in:
@@ -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;
|
||||||
@@ -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;
|
||||||
@@ -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 {
|
||||||
@@ -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",
|
||||||
@@ -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) {
|
||||||
Reference in New Issue
Block a user