Files
screenkb-tianneng/src/pages/modules/home_1920/index.vue
2024-08-29 10:05:07 +08:00

106 lines
2.3 KiB
Vue

<template>
<section class="container">
<div class="header">
<h1>天能涂板暂存库可视化看板</h1>
<!-- <v-time></v-time> -->
<!-- <div class="exit_btn iconfont" @click="back">&#xe85b;</div> -->
</div>
<div class="zd-row content">
<div class="zd-col-15 allHeight"><v-left></v-left></div>
<div class="zd-col-8 allHeight"><v-right></v-right></div>
</div>
<div class="left_bg"></div>
<div class="right_bg"></div>
<div class="bottom_bg"></div>
</section>
</template>
<script>
// import vTime from '@components/time.vue'
import vLeft from './left.vue'
import vRight from './right.vue'
export default {
components: {
// vTime,
vLeft,
vRight
},
methods: {
back () {
this.$router.push('/setup')
}
}
}
</script>
<style lang="stylus" scoped>
.container
position relative
width 100%
height 100%
// background center / 100% 100% url('../../../images/bg.jpg') no-repeat
padding-top 6.5%
overflow hidden
.header
position absolute
top 0
width 100%
height 14.14%
background center / 100% 100% url('../../../images/bg-top.png') no-repeat
h1
font-size: .36rem;
font-family: 'YouSheBiaoTiHei';
font-weight: 700;
color: transparent;
line-height .4rem
height .4rem
opacity: 0.89;
letter-spacing .04rem
background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
filter: drop-shadow(#092F6D 1px 4px 1px);
-webkit-background-clip: text;
background-clip: text;
text-align center
margin-top 1%
.exit_btn
position absolute
left 3%
top 16%
z-index 100
height .3rem
width .3rem
line-height .3rem
font-size .3rem
color #AECAF5
text-align: center;
cursor: pointer;
border-radius: 50%;
.content
width 94%
height 100%
margin 0 auto
padding-bottom 3%
.left_bg
position absolute
left 0
top 0
width 2%
height 100%
// background center / 100% auto url('../../../images/bg-left.png') no-repeat
.right_bg
position absolute
right 0
top 0
width 2%
height 100%
// background center / 100% auto url('../../../images/bg-right.png') no-repeat
.bottom_bg
position absolute
bottom 0
width 100%
height 4%
// background center / auto 100% url('../../../images/bg-bottom.png') no-repeat
.zd-col-8
width 35%
</style>