【App开发笔记】2.10 编写用户详情页面

源码地址

2.10.1 添加UIPullRefresh模块

添加UIPullRefresh模块

修改config.xml文件

在js/common.js中封装UIPullRefresh的方法

function SetTopLoading(callback) {
    api.setCustomRefreshHeaderInfo({
        bgColor: '#ffffff',
    }, function() {
        (callback && typeof(callback) === "function") && callback();
    })
}

function OpenTopLoading() {
    api.refreshHeaderLoading();
}

function CloseTopLoading() {
    api.refreshHeaderLoadDone()

}

2.10.2 在iconfont中添加相应图标

2.10.3 修改css/style.css文件并修改之前的样式

.icon_active_1{
    color: #929292
}
.icon_active_1:active{
    color: #e8e8e8;
}
.icon_active_2{
    color: #ffffff;
}
.icon_active_2:active{
    color: rgba(255,255,255,0.8);
}
.icon_active_3{
    color: #b9b9b9;
}
.icon_active_3:active{
    color: #ebebeb;
}

2.10.4 修改add_friends_body.html中的方法

 

            

                
                    
                
                
            
            
名字名字
            
粉丝  654
        





 function SelectFriend(obj) {
        event.stopPropagation()
        if($api.attr(obj,'selected')=="1"){
            $api.removeCls(obj,'friend_select_bg')
            $api.addCls(obj,'friend_noselect_bg')
            $api.attr(obj,'selected','0')
        }else{
            $api.addCls(obj,'friend_select_bg')
            $api.removeCls(obj,'friend_noselect_bg')
            $api.attr(obj,'selected','1')
        }
    }

2.10.5 编写user_frame页面

html/user/user_frame.html

2.10.6 编写user_win页面

html/user/user_win.html

    
    
    
    
    
    
    
    




    ![](../../image/defult/head-img.png)

姓名姓名

    粉丝177
    |
    创作57


    + 关注
    

效果图