ITPub博客

首页 > IT职业 > IT图书 > 带判断输出的 UI

带判断输出的 UI

IT图书 作者:xyonglin 时间:2021-09-09 10:03:05 0 删除 编辑

// list 是ajax请求过来的数据

// obj是你选择的对象(我这里是选择的ul 让数据在ul 里面 展示)


var loadCouponUI = function(list, obj) {


var html = '';
$.each(list.list, function(k, info){


html += '<li>
<div class="coutop">
<a href="'+info.url+'"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="'+info.cover+'" width="230px" height="200px" alt=""></a>
<h4><a href="'+info.coupon_info.url+'">['+info.coupon_info.name+'] </a><a href="'+info.url+'">'+info.title+'</a></h4>
<p>有效期至 <em>'+info.end_time+'</em></p>
</div>
<div class="coubottom clearfix">
<p class="num left">
<span class="surplus-num">剩余<em>'+info.last_total+'</em>份</span>
<span class="totle-num">共<em>'+info.total+'</em>份</span>
</p>';


if (info.coupon_status == 1) {


html += '<a href="javascript:void(0);" class="btn btn-danger right">立即领取</a>';
} else if (info.coupon_status == 2) {


htim += '<a href="javascript:void(0);" class="btn btn-primary right">已领完</a>';
} else if (info.coupon_status == 4) {


html += '<a href="javascript:void(0);" class="btn btn-info right">已领取</a>';
}

html += '</div>
</li>';
})
obj.append(html);
}

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2866/viewspace-2815603/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 本来想多点时间
下一篇: Vue.js Method
请登录后发表评论 登录
全部评论

注册时间:2019-08-16

  • 博文量
    71
  • 访问量
    386