【angularjs】使用angular搭建项目,图片懒加载资料
demo:
<ion-view view-title="{{chat.name}}"> <style type="text/css"> .image-loader-container{ height: 40px; position: absolute; top: 50%; margin-top: -13px; left: 18px; } </style> <ion-content class="padding" lazy-scroll> <h5>点击图片有弹窗</h5> <div ng-click="tanpop(chat)"> <!-- <img ng-src="./img/noimg.png" style="width: 64px; height: 64px"> --> <!-- ion-content上加lazy-scroll--> <img style="width: 64px; height: 64px" image-lazy-loader="spiral" image-lazy-src="{{chat.face}}" src="./img/noimg.png" onerror="this.src='./img/noimg.png'" image-lazy-distance-from-bottom-to-load="200"/> <p> {{chat.lastText}} </p> </div> </ion-content> </ion-view>
相关资料
https://github.com/paveisistemas/ionic-image-lazy-load
https://blog.csdn.net/QQ417431233/article/details/51226435
https://ionicframework.com/docs/v1/api/directive/ionSpinner/
https://codepen.io/anon/pen/BxJNaz
https://blog.csdn.net/zuoyiran520081/article/details/72236717
https://segmentfault.com/q/1010000002730440?_ea=192608
作者:smile.轉角
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.
欢迎关注我,一起进步!扫描下方二维码即可加我QQ