這篇文章將為大家詳細講解有關(guān)html5如何仿微信界面，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)長期為上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為寧國企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都網(wǎng)站設(shè)計，寧國網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

前言

效果圖

1 用到的知識點

jQuery WeUI 是WeUI的一個jQuery實現(xiàn)版本，除了實現(xiàn)了官方插件之外，它還提供了如下拉刷新、日歷、地址選擇器等豐富的拓展組件。jQuery WeUI 中的JS組件均是以JQuery 插件的形式提供，使用非常方便，并且可以和React、Angular、VUE之類的主流JS框架一起使用。

WeUI 是微信官方團隊針對微信提供的一個H5 UI庫，它只提供了一組CSS組件。jQuery WeUI 中使用的是官方WeUI的CSS代碼，并提供了jQuery/Zepto版本的API實現(xiàn)。因為直接使用了官方的CSS，所以你不用擔心跟官方版本的沖突。實際上 jQuery WeUI == WeUI + jQuery插件。

Font Awesome 是一套完美的圖標字體，主要目的是和 Bootstrap 搭配使用。

2 引入樣式文件

3 先說底部菜單

 
 8