<template>
  <div class="bannerItemBox">
    <editBtn :id="id" :sort="sort" :type="1" :size="3"/>
    <el-carousel height="226px">
      <el-carousel-item :key="1">
        <img src="@/assets/template/component/banner1.png" /> 
      </el-carousel-item>
      <el-carousel-item :key="2">
        <img src="@/assets/template/component/banner2.png" />
      </el-carousel-item>
      <el-carousel-item :key="3">
        <img src="@/assets/template/component/banner3.png" />
      </el-carousel-item>
    </el-carousel>
  </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 {
      articleId:2509
    };
  },
  methods: {
    
  },
  mounted() {

  },
};
</script>

<style scoped lang="less">
  .bannerItemBox {
    width: 100%;
    img {
      width: 100%;
      height: 100%;
    }
  }
</style>

