图册

// run
new Vue({
  el: '#app',
  data: {
    columns: [
      {
        title: 'START NEXT',
        statusClass: 'status-start-next',
        tasks: [
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024152031187-856792734.png'
          },
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024135901093-1410977460.png'
          },
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024161439509-391294731.png'
          },
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202511/3509019-20251101091555401-1866911764.png'
          },
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202511/3509019-20251101092313789-484367422.png'
          }
        ]
      },
      {
        title: 'IN PROGRESS',
        statusClass: 'status-in-progress',
        tasks: [
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202511/3509019-20251101191227646-1039758528.png'
          },
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202511/3509019-20251101191427647-961923560.png'
          },
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202511/3509019-20251101191618946-1848330510.jpg'
          },
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202511/3509019-20251101191949589-993578003.webp'
          }
        ]
      },
      {
        title: 'DONE',
        statusClass: 'status-done',
        tasks: [
          {
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024152031187-856792734.png'
          },
          {
            image: 'https://images.unsplash.com/photo-1531161581182-8f1b8389248d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80'
          },
          {
            image: 'https://images.unsplash.com/photo-1589998059171-988d887df646?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80'
          },
          {
            image: 'https://images.unsplash.com/photo-1519681393784-d120267933ba?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80'
          }
        ]
      }
    ]
  }
})

{{ column.title }}