<template>
  <div class='tuitui-lazy-load'>
    <BKLazyload :imageList="imageList" :load="load"></BKLazyload>
  </div>
</template>
<script>
import BKLazyload from '@/components/BKLazyload'

export default {
  components: {
    BKLazyload
  },
  data () {
    return {
      imageList: [
        'https://storage.bkjk.com/storage/file/f54083119edfb83c4cfe9ce2eeebc076.jpeg',
        'https://storage.bkjk.com/storage/file/ee7d265d95882cbbe6ce30a1d5a3db63.jpg',
        'https://storage.bkjk.com/storage/file/6da14260c621f36d2ba23f5ff820e352.jpg',
        'https://storage.bkjk.com/storage/file/ca1b69216ba9faa3c2eab5aa78cfe306.jpg',
        'https://storage.bkjk.com/storage/file/79fff5480af8cafc9350080b0e0550fe.jpg',
        'https://storage.bkjk.com/storage/file/654e4493c68c2061349696c949520d8e.jpg',
        'https://storage.bkjk.com/storage/file/ef750fb748528946972a4b566c6d971c.jpg',
        'https://storage.bkjk.com/storage/file/5e165a6907a1309231c21841683acd72.jpg',
        'https://storage.bkjk.com/storage/file/6405e00c7b6463e9372d2cb402824a52.jpg',
        'https://storage.bkjk.com/storage/file/fe9e9268836614df567c347c3f5cf960.jpg'
      ]
    }
  },
  mounted () {
    wx.setNavigationBarTitle({
      title: 'BKLazyload 图片懒加载'
    })
  },
  methods: {
    load (e) {
      console.log(e)
    }
  }
}
</script>
<style scoped>
.tuitui-lazy-load {
  width: 100vw;
  padding: 40px;
}
.title {
  font-size: 26px;
  color: #ccc;
  font-weight: 600;
}
</style>
