<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>
