<template>
  <div class="fivePictureBox">
    <editBtn :id="id" :sort="sort" :type="6"/>
    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle1.png"/></div>
    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle2.png"/></div>
    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle3.png"/></div>
    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle4.png"/></div>
    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle5.png"/></div>
  </div>
</template>

<script>
import editBtn from '../../../public/editBtn.vue'
export default {
  components: {
    editBtn
  },
  props: {
    id:{
      type:Number,
      default:0
    },
    sort:{
      type:Number,
      default:0
    }
  },
  data() {
    return {
     
    };
  },
  methods: {
    
  },
  mounted() {
    
  },
};
</script>

<style scoped lang="less">
  .fivePictureBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
    .fivePictureItem {
      width: 20%;
      display: flex;
      justify-content: center;
      align-items: center;
      img {
        display: block;
        width: 90%;
      }
    }
  }
</style>
