# Rotation 图片无限滚动

  <AmberPictureRotation 
    :picture-list="list" 
    :img-width="250" 
    :img-height="200" 
    :gap-width="75" 
    :big-height="240" 
    @callback="handlePictureStretchClick" 
    @handleBigImgCallback="handlePictureStretchClick"
  />

  <script>
  export default {
    data() {
      return {
        list: [{
          url: '/1.jpg',
          name: '1.jpg'
        },{
          url: '/2.jpg',
           name: '2.jpg'
        },{
          url: '/3.jpg',
           name: '3.jpg'
        },{
          url: '/4.jpg',
           name: '4.jpg'
        },{
          url: '/5.jpg',
           name: '5.jpg'
        },{
          url: '/6.jpg',
           name: '6.jpg'
        },{
          url: '/7.jpg',
           name: '7.jpg'
        },{
          url: '/8.jpg',
           name: '8.jpg'
        },{
          url: '/9.jpg',
           name: '9.jpg'
        },{
          url: '/10.jpg',
           name: '10.jpg'
        },{
          url: '/11.jpg',
           name: '11.jpg'
        }]
      }
    },
    methods: {
      handlePictureStretchClick(item) {

      },
      handlePictureStretchClick() {}
    }
  };
</script>