<template>
    <div class="visual height_100" >
      <div class="height_100 svg">
        <!-- <div class="visual-header">
          <img class="visual-header-logo" src="@/assets/logo-3.png" alt="">
          <img class="visual-header-title" src="@/assets/visual/7780.png" alt="">
          <img class="visual-header-subtitle" src="@/assets/visual/7782(1).png" alt="">
        </div> -->
        <!-- <div> -->
           <sceneSVG></sceneSVG> 
        <!-- </div> -->
        
  
      </div>
      <about-dialog ref="aboutDialog" />
    </div>
</template>

<script>
import sceneSVG from './components/sceneSVG.vue';
import AboutDialog from "./components/dialog/AboutDialog";
export default {
  components: {
    sceneSVG,
    AboutDialog
  },
  props: {},
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.visual {
  padding: 50px 60px;
  height: calc(100% - 110px) !important;
  .visual-header {
    // padding-top: 20px;
    img {
      display: block;
      margin: 0 auto;
    }
    .visual-header-logo {
      height: 50px;
      // width: 50px;
    }

    .visual-header-title {
      width: 512px;
      height: 39px;
      padding-top: 17px;
    }

    .visual-header-subtitle {
      width: 433px;
      height: 12px;
      padding-top: 25px;
    }
  }
.svg{
  display: flex;
  align-items: center;
  flex: 1;
}
}
</style>