手機頁面前端框架weui

2021-09-02 18:39:29 字數 1281 閱讀 2797

針對前端寫**手機頁面有以下幾種方式,乙個是寬度按照百分比來寫,比如寬度100%,元素30%來寫,這種方式的話相對多一些,相容的效果也好很多;一種方式是通過html5多**概念,針對每乙個尺寸都寫個頁面出來,通過螢幕尺寸來自動調整,這種相對來說比較繁瑣,而且整體效果也不是很理想,還有一種就是通過大神們寫好的前端框架來進行架構,比如bootstrap,aui,jquery weui,amaze ui,frozen ui,weui ,sui ,foundation ,mui,uikit pure等成熟的前端框架來進行搭建,這種相對來說效果要好,也是現在主要的方式。但是各有各的好處,要說哪個好,這個只能是針對自己怎麼寫。

這裡的話,我介紹下weui 個人覺得如果針對做手機**夠用!

整體的檔案大小也不是很大,對於整個**來所占用也不是很多。

解壓後,css,js,是屬於基礎檔案,demo屬於效果檔案

呼叫方式也相對簡單

加乙個單獨的css檔案放入自己寫的樣式這種方便操作(如果在呼叫效果的時候,建議加乙個div外框,這種方便修改)

比如乙個簡單的首頁模型:

比如幻燈片:

底部選單:

都是可以直接拿過來用的

同時weui 還為我們提供常規列表頁的選擇,(基礎-面板)

我們也可以直接呼叫,感覺上和mui有很多相同的地方,在**呼叫上沒有多少的難度,很適合前端的工作人員,希望weui工作研發團隊在常用的模組上新增一些新的功能模組。

python前端查詢頁面 前端頁面設計

基本框架搭建好了後,我們就要開始豐富頁面內容了。最起碼,得有乙個使用者登入的表單不是麼?註冊的事情我們先放一邊。一 使用原生html頁面 刪除原來的login.html檔案中的內容,寫入下面的 登入 使用者名稱 密碼 簡單解釋一下 form標籤主要確定目的地url和傳送方法 p標籤將各個輸入框分行 ...

JQuery頁面前端遍歷樣例

jquery遍歷1 cssclass遍歷元素 將所有的checkbox設定為未選中,採用遍歷的方法來完成 控制項如下 清空職位 導購 收銀員店長 jquery 如下 jobpostajoblistselected是checkbox被選中時的css stopdefault函式用於中止預設的事件響應 c...

自適應移動裝置頁面前端注意的問題

現在移動裝置越來越多,使用手機上網的人也越來越多,移動裝置也成為訪問網際網路的常見終端設定。以前我們在編寫管理系統的時候,客戶端只需要考慮pc機桌面裝置,現在則必須要考慮到移動終端裝置了。移動終端裝置的螢幕解析度很多都不一樣,手機就分很多種大小的,然後還有一些平板電腦,如ipad,ipad迷你,等等...