Commitbe58adc

committed

图片懒加载

1 parent72ba4c3 commitbe58adcCopy full SHA for be58adc

File tree

-1

lines changed

-1

lines changed

80 KB

Lines changed: 7 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,13 @@ import moment from 'moment'`
`12`	`12`	`Vue.prototype.$moment=moment`
`13`	`13`	`moment.locale('zh-cn')`
`14`	`14`
	`15`	`+importVueLazyloadfrom'vue-lazyload'`
	`16`	`+`
	`17`	`+Vue.use(VueLazyload,{`
	`18`	`+loading:require('./assets/image/loading.jpeg'),//加载中图片，一定要有，不然会一直重复加载占位图`
	`19`	`+error:require('./assets/bg.jpg')//加载失败图片`
	`20`	`+});`
	`21`	`+`
`15`	`22`	`Vue.use(Vuex)`
`16`	`23`	`Vue.use(ElementUI)`
`17`	`24`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`<div>`
`7`	`7`	`<divclass="article-list"v-for="article in articleList":key="article._id">`
`8`	`8`	`<divclass="article-img"@click="getArticleDetail(article._id)">`
`9`		`- <img:src="article.coverUrl" />`
	`9`	`+ <imgv-lazy="article.coverUrl":key="article._id" />`
`10`	`10`	`</div>`
`11`	`11`	`<divclass="article-content">`
`12`	`12`	`<divclass="article-detail">`

Comments

(0)