对第三张卡片中的功能实现要点和注意的细节!

来源:互联网 发布:中国自己的域名服务器 编辑:程序博客网 时间:2024/05/01 18:11

(1) %li(ng-repeat="bid_list in bid_lists"   style="{{bid_list.status|status}} ; height:42px;" ng_tap="bid_sign_up_detail(bid_list.name)")

解析:
(1)style="{{bid_list.status|status}}  与 application.js 中的filter功能函数相结合!
    用于实现正在竞价的底色为黄色           
(2)ng_tap="bid_sign_up_detail(bid_list.name)")
    实现click列表中的具体信息,注意要传递bid_list.name,否者找不到相应的信息。


(2) %header#create_page_id_bid
            竞价报名
           %span {{bid_sign_up_number}}人

解析:
(1)#create_page_id_bid  
    创建id,用于实现报名页面的内容刷新
(2)%span {{bid_sign_up_number}}人
    绑定数据,用于统计报名的人数,只需将对应的人数赋值即可。
(3){{$index+1}}      实现页面的顺序列表


(3)通过报名phone找到name
function get_bid_people_name(phone){
    var now_activity_person = JSON.parse(localStorage.getItem('now_activity'))['activity_person'];
    for(var i = 0; i<now_activity_person.length; i++){
        if(phone == now_activity_person[i].phone){
            return now_activity_person[i].name
        }
    }
    console.log("对不起,您没有报名此活动!");
    return false;
}


(4)判断在有报名时才判断竞价重复!
if(get_bid_running().status=='started')
            {
                if(!get_bid_people_name(phone)){
                    return;
                }
                if (judge_bid_repeat_message(json_message,price)){
                    console.log("恭喜,竞价成功!");
                }
            }

0 0
原创粉丝点击