47 lines
1013 B
Vue
47 lines
1013 B
Vue
<template>
|
|
<section class="monitor-group">
|
|
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
// import { mapState } from "vuex";
|
|
|
|
export default {
|
|
name: "MonitorGroup",
|
|
props: {},
|
|
components: {},
|
|
data() {
|
|
return {};
|
|
},
|
|
computed: {
|
|
// ...mapState(["kilnWaterIn", "waterInTemp"]),
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "../../assets/styles/functions";
|
|
|
|
section {
|
|
background: url('../../assets/monitor-group.png') left 144px top 4px / 1152px 80% no-repeat, #ccc7;
|
|
width: adjust(w(3570px));
|
|
height: adjust(h(3790px));
|
|
position: absolute;
|
|
top: adjust(h(430px));
|
|
left: adjust(w(80px));
|
|
}
|
|
|
|
section::before {
|
|
content: '监控组 1';
|
|
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "微软雅黑", Arial, Helvetica, sans-serif;
|
|
font-size: adjust(h(64px));
|
|
font-weight: 400;
|
|
letter-spacing: 1px;
|
|
position: absolute;
|
|
color: $main-color;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
</style>
|