做到party_bid 的第四张卡,开始分析竞价的过程了,这张卡的重点也就体现在这上面。这张卡会用到大量的数据,来回的存取,会感觉到好麻烦-,-
先面来说说其中的一些要点吧
一、结束竞价后的静态弹框
.modal.fade#ModalSuccess(style="display: block;width: 600px;height: 60px;") .modal-dialog(style="margin-bottom: 0px;margin-left: 0px;margin-top: 0px;margin-right: 0px;") .modal-content .a(class="close" data-dismiss="modal" ) × .h4.modal-title .modal-body .center {{winner_name}} {{winner_price}} {{winner_phone}}这是在页面上写的jade代码,实现了一个背景浅色的静态弹框
相应的时间控制则是写在js文件中的
$('#ModalSuccess').modal("show");$timeout(function () { $('#ModalSuccess').modal('hide'); }, 2000)//2秒后自动关闭当初第一次做这个弹框时,想到的是用,但是试过几次之后发现时间控制总是不能起作用,后来在网上搜过之后才知道,firm()函数不支持自动关闭,只能经过判断按钮才可以,所以采用了上面静态框的方法
function firm() { if (confirm("输入想要显示的内容"){ } }
二、输出信息时的排序问题和统计价格的数量
第四张卡的主要功能实现是对价格的分析,要找到只有一个人出价的价格,并且找到这些价格中最小的那个,才算出价成功,所以我打算在生成一个价格—数量数组
var bidList = _.sortBy(bid.messages, function (bid) { return bid.price }); //_.sortBy()这个方法会首先按照价格price这个元素,返回一个经过排序的 list 副本, 用升序排列 var bidCount = _.countBy(even.messages, function (bid) { return bid.price }); _.countBy这个方法会把一个数组分组并返回每一组内对象个数 var newshu = _.map(bidCount, function (value, key) { return {'price': key, 'count': value} }); //_.map这个方法会重新生成一个数组 localStorage.setItem("price_p", JSON.stringify(newshu))