<!--
 * @Description: 规划建设
 * @Author: 王晓颖
 * @Date: 2020-11-30 10:29:25
 -->
<template>
  <div class="chart-container">
    <div class="left">
      <div class="modular">
        <!--整个：左右50%-->
        <div class="modular-row-100" style="width: 100%">
            <chart-layout title="整体概况">
              <div style="width:100%;height:100%;padding:0.8rem 0.5rem">
                <Title1 :font="{size:'0.6'}">正在建设中，敬请期待！</Title1>
              </div>
              <corner1 slot="corner"/>
            </chart-layout>
        </div>
      </div>
    </div>
  </div>
</template>
<script>

import Title1 from '@/components/text/title/Title1'
export default {
  name: 'WaitBoardLeft',
  components: {
    Title1
  },
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
  }

}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .chart-container{
    position: absolute;
    top:0;
    left:.2rem;
    width: 30%;
    height:98%;
    display: flex;
    z-index: 20;
    justify-content: space-between;
    background: transparent;
    .left{
      width:100%;
      height:100%;
      display: flex;
      justify-content: center;
      /*position: relative;*/
    }
    .modular{
      width:100%;
      height:100%;
      position:relative;
      .modular-50{
        height:50%;
        wdith:100%;
      }
    }
  }

  .v-enter,
  .v-leave-to {
    opacity: 0;
    transform: translateX(-150px);
  }

  .v-enter-active,
  .v-leave-active {
    transition: all 0.5s ease;
  }

</style>