一天记录一点点....

一直想做一个本地生活的平台。之前有做成功。然后腾讯云的服务器到期了...服务端全部被删除了。然后电脑硬盘坏了，客户端又毁了。

这是个悲伤的故事.现在重新开始。

一、页面布局。

代码就是基本的布局代码，如下

     <nav class="mui-bar mui-bar-tab">  
            <a class="mui-tab-item mui-active" href="#" id="main">  
                <span class="mui-icon mui-icon-pengyouquan"></span>  
                <span class="mui-tab-label">圈子</span>  
            </a>  
            <a class="mui-tab-item" href="#" id="chat">  
                <span class="mui-icon mui-icon-chatboxes"></span>  
                <span class="mui-tab-label">聊天</span>  
            </a>  
            <a class="mui-tab-item" href="#" id="discover">  
                <span class="mui-icon mui-icon-paperplane"></span>  
                <span class="mui-tab-label">发现</span>  
            </a>  
            <a class="mui-tab-item" href="#" id="settings">  
                <span class="mui-icon mui-icon-gear"><span class="mui-badge mui-badge-danger"></span></span>  
                <span class="mui-tab-label">设置</span>  
            </a>  
    </nav>

然后是创建webview
<script type="text/javascript" charset="utf-8">

mui.init({  
    subpages:[{  
        url:'main.html',  
        id:'main.html',  
        styles:{  
            top:'45px',//mui标题栏默认高度为45px；  
            bottom:'50px'//默认为0px，可不定义；  
        }  
    }]  
});  
//main点击事件  
document.getElementById('main').addEventListener('tap', function() {  
    mui.openWindow({  
        url: 'main.html',  
        id:'main',  
        styles:{  
            top:'45px',  
            bottom:'50px'  
        }  
    });  
});  
//chat按钮点击事件  
document.getElementById('chat').addEventListener('tap', function() {  
    mui.openWindow({  
        url: 'pullrefresh_sub.html',  
        id:'chat',  
        styles:{  
            top:'45px',  
            bottom:'50px'  
        }  
    });  
});  
//discover按钮点击事件  
document.getElementById("discover").addEventListener('tap',function() {  
    mui.openWindow({  
        url: 'pullrefresh_sub.html',  
        id:'discover',  
        styles:{  
            top:'45px',  
            bottom:'50px'  
        }  
    });  
});  
//settings按钮点击事件  
document.getElementById("settings").addEventListener('tap',function() {  
    mui.openWindow({  
        url: 'pullrefresh_sub.html',  
        id:'settings',  
        styles:{  
            top:'45px',  
            bottom:'50px'  
        }  
    });  
});  

</script>