26 lines
606 B
Vue
26 lines
606 B
Vue
|
<template>
|
||
|
|
<div class="monitoring-screen-warp">
|
||
|
|
<div class="monitoring-screen-content" :style="{ 'background-image': 'url(' + getAssetsFile('images/plant/bg2.png') + ')' }"></div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script setup>
|
||
|
|
import { isEmpty, getAssetsFile } from '@/utils';
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.monitoring-screen-warp {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.monitoring-screen-content {
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
padding: 10px 0;
|
||
|
|
div {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|