106 lines
2.3 KiB
Vue
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"></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>
|