template与图片懒加载

Posted 2020-07-10

第一种方式：

 1       <script id="t2" type="text/template"> 
 2         <%_.each(data, function(item) {%> 
 3           <div class="ub ub-ac row-info" id="<%=item.objectId&item.userId%>">
 4               <div class="img-size5 mgn-left mgn-right ub-img icon-touxiang <%=dealIcon(item.userIcon)%>" id="icon<%=item.userId%>"></div>
 5               <div class="ub-f1 ub-ac">
 6                 <div class="fs2 bfc2"><%=item.name||item.fullName%></div>
 7                 <div class="fs2 bfc3 mgn-top"><%=item.roleName%></div>
 8               </div>
 9           </div>
10          <%});%>
11       </script>

 1 var datas = appcan.getLocVal(‘GZBD_RECEIVES‘);
 2            datas = JSON.parse(datas);
 3            var templ = _.template($("#t2").html());
 4            $("#container").html(templ({data:datas,dealIcon:function(icon){
 5                 if (icon)
 6                     return ‘lazy" data-original="‘ + imgUrl + icon;
 7                 return "";
 8            }}));
 9            $(".lazy").lazyload({
10                 cache: true
11            })