隨著智慧型手機的普及,越來越多的用戶從電腦轉移到手機,現在去談客戶我們一定要說:「您一定要做手機版或者是微信端」,可見智慧型手機的強大,雖然說手機頁面很早就有,但是感覺它是被自適應網站架構html5和微信帶起來的。估計以後的頁面展示趨勢還是依託手機頁面。
針對前端寫代碼手機頁面有以下幾種方式,一個是寬度按照百分比來寫,比如寬度100%,元素30%來寫,這種方式的話相對多一些,兼容的效果也好很多;一種方式是通過html5多媒體概念,針對每一個尺寸都寫個頁面出來,通過屏幕尺寸來自動調整,這種相對來說比較繁瑣,而且整體效果也不是很理想,還有一種就是通過大神們寫好的前端框架來進行架構,比如Bootstrap,AUI,JQuery WeUI,Amaze UI,Frozen UI,WeUI ,SUI ,Foundation ,MUI,UiKit Pure等成熟的前端框架來進行搭建,這種相對來說效果要好,也是現在主要的方式。但是各有各的好處,要說哪個好,這個只能是針對自己怎麼寫。
這裡的話,我介紹下weUI 個人覺得如果針對做手機網站夠用!
WeUI+是Zepto1.2和WeUI 1.1.3為基礎,收集整理了上百個組件開發而成,兼容IOS和Android平臺,主要用於微信/手機網站開發
網址:http://weui.shanliwawa.top/
解壓後,css,js,是屬於基礎文件,demo屬於效果文件
調用方式也相對簡單
加一個單獨的css文件放入自己寫的樣式這種方便操作(如果在調用效果的時候,建議加一個div外框,這種方便修改)
比如一個簡單的首頁模型:
比如幻燈片:
比如底部菜單:
都是可以直接拿過來用的
同時weui 還為我們提供常規列表頁的選擇,(基礎-面板)
我們也可以直接調用,感覺上和MUI有很多相同的地方,在代碼調用上沒有多少的難度,很適合前端的工作人員,希望weui工作研發團隊在常用的模塊上添加一些新的功能模塊。