# Stretch 可伸缩列表

  <AmberPictureStretch 
    :picture-list="list" 
    img-width="250" 
    img-height="180" 
    gap-width="80" 
    transition-time="0.5" 
    @callback="handlePictureStretchClick" 
  />

  <script>
  export default {
    data() {
      return {
        list: [{
          url: '/1.jpg'
        },{
          url: '/2.jpg'
        },{
          url: '/3.jpg'
        },{
          url: '/4.jpg'
        },{
          url: '/5.jpg'
        },{
          url: '/6.jpg'
        }]
      }
    },
    methods: {
      handlePictureStretchClick(item) {
        alert(JSON.stringify(item))
      }
    }
  };
</script>