使用方法
1、开发者工具项目中,右键选择>在外部终端窗口打开
2、安装组件:npm install --save mina-lazy-image
3、勾选:使用npm模块
4、构建npm
微信开发者工具->工具->构建npm
5、在需要使用的文件,json配置文件中引入mina-lazy-image
{ "usingComponents": {
"mina-lazy-image": "mina-lazy-image/index"
}
}
6、在wxml中使用mina-lazy-image
<mina-lazy-image src="{{src}}" mode="widthFIx" image-class="custom-class-name"/>
mina-lazy-image 的属性介绍如下:
mina-lazy-image 外部样式类
image-class,image-container-class
如需了解更多,欢迎关注 “趣味web前端教程” 公众号学习交流