52 lines
919 B
Vue
52 lines
919 B
Vue
|
<!--峰煤监控系统-->
|
||
|
|
<template>
|
||
|
|
<div class="peak-coal-monitoring">
|
||
|
|
<div class="header-content"></div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "PeakCoalMonitoring"
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
body, html, #__nuxt, #__layout {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-enter-active, .list-leave-active {
|
||
|
|
transition: all 0.5s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-enter, .list-leave-to
|
||
|
|
/* .list-leave-active for below version 2.1.8 */
|
||
|
|
{
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(30px);
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<style scoped lang="less">
|
||
|
|
@import "../../assets/styles/mixin";
|
||
|
|
|
||
|
|
.peak-coal-monitoring {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: relative;
|
||
|
|
.header-content{
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
width: 100%;
|
||
|
|
height: 80px;
|
||
|
|
background: url("~/assets/peakCoalMonitoring/header/header-bg.png") no-repeat center center;
|
||
|
|
background-size: 1000px 80px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|