lazyload

@@ -6,11 +6,13 @@
  */
 
 const Vue = require('yoho-vue');
-
+const lazyload = require('yoho-vue-lazyload');
 const brandListBox = require('channel/brand-list-box.vue');
 
 require('common/vue-filter');
 
+Vue.use(lazyload);
+
 new Vue({
     el: '#brand-list',
     components: {

@@ -12,8 +12,6 @@
     const letterList = require('channel/letter-list.vue');
     const brandList = require('channel/brand-list.vue');
 
-    require('common/vue-filter');
-
     module.exports = {
         components: {
             resources,

@@ -6,7 +6,7 @@
                 <div class="brand-box" v-for="brand in item.brands">
                     <a href="{{brand.link}}">
                         <div class="brand-logo">
-                            <img v-bind:src="brand.logo" alt="{{brand.name}}">
+                            <img v-lazy="brand.logo" alt="{{brand.name}}">
                         </div>
 
                         <span class="brand-name">{{brand.name}}</span>