<template>
  <div class="height_100">
    <!-- <el-carousel trigger="click" height="550px" :autoplay="false" indicator-position="none" :arrow="(visuals.Scenario && visuals.Scenario.length>1)?'always':'never'">
      <el-carousel-item v-for="item in visuals.Scenario" :key="item" style="overflow:hidden">
        <view-Visual :titleType="item" :eventId="visuals.eventId" :eventName="visuals.eventName" style="transform: scale(0.5);transform-origin: 0 0;"></view-Visual>
      </el-carousel-item>
    </el-carousel> -->
    <div v-for="item in visuals.Scenario" :key="item" style="overflow:hidden;width:100%;height:100%">
      <view-Visual :scenarioName="item" :eventId="visuals.eventId" :eventName="visuals.eventName" :sign="true"></view-Visual>
    </div>
    
  </div>
</template>

<script>
import viewVisual from '@/views/visual/title/index.vue'
export default {
    props:['visuals'],
  components: {
    viewVisual
  },
  data() {
    return {
    };
  },
  watch: {
  },
  computed: {},
  created() {},
  mounted() {
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
</style>