<template>
  <div :class="['onlyImgSectorBox', {buildingBorder: this.$store.state.template.previewStatus==false}]">
    <div class="onlyImgSectorPositionBox">
      <editBtn :id="id" :sort="0" :type="6" :size="1"/>
      <!-- <convertBtn :id="id" :sort="0" :type="3"/> -->
      <staticHtml2Style />
    </div>
  </div>
</template>

<script>
import editBtn from '../../../public/editBtn.vue'
import convertBtn from '../../../public/convertBtn.vue'
import staticHtml2Style from '../components/staticHtml/2.vue'

export default {
  components: {
    editBtn,
    convertBtn,
    staticHtml2Style
  },
  props: {
    id:{
      type:Number,
      default:0
    },
  },
  data() {
    return {
      
    };
  },
};
</script>

<style scoped lang="less">
  .onlyImgSectorBox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    .onlyImgSectorPositionBox {
      width: 80%;
      height: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }
  }
</style>
