小編給大家分享一下amaze ui怎么使用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
專注于為中小企業(yè)提供做網站、網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)五龍口免費做網站提供優(yōu)質的服務。我們立足成都,凝聚了一批互聯(lián)網行業(yè)人才,有力地推動了成百上千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網站建設實現(xiàn)規(guī)模擴充和轉變。引言
一個前臺頁面的開發(fā)一般需要html、css、javascript三種技術的支持,amazui ui對一些css、js進行了封裝,是其可供用戶直接調用。
使用方法
amaze ui的使用通常有兩種方式:css、js文件復制到項目中;采用cdn方式。(在開發(fā)過程中采用第一種方式;開發(fā)結束需要部署時,采用第二種方式。
具體解釋見附錄1)
方法一
1.將amaze ui對應的zip下載。
解壓后查看該文件夾下的問assets文件,assets文件夾下又包括css、js文件夾,這兩個文件就是amaze ui中封裝,可供用用戶直接使用的樣式。
2.把上述提到的css、js文件夾拷貝到web項目的WebRoot下。
3.在項目中對樣式進行使用。
注:使用hbuilder開發(fā)非常便捷。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hello amazeui</title> </head> <link rel="stylesheet" type="text/css" href="css/amazeui.min.css"/> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="js/amazeui.min.js"></script> <body> <button class="am-btn-primary am-btn-block " >aaa</button> </body> </html>
方法二
在官網上獲取js和css對應的地址,將他們引入到js中。但是使用amaze ui的js,需要jquery的支持,所以需要將其導入,導入次序要在js之前。
<!DOCTYPE html> <html> <head>
<meta charset="utf-8" /> <title></title > <link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css"/> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js"></script> </head> <body> <button <span style="color:#ff0000;">class</span>="am-btn" value="aa"> </button> </body> </html>
我們在class中使用amaze ui已經封裝好的格式。
附錄1
在開發(fā)過程中,使用的是hbuilder這個工具,如果將amaze ui的css、js導入到項目中,開發(fā)過程中工具本身會有提示;但是,當用戶訪問該網頁時,每次都會請求本地的css和js資源,會增加部署該項目的服務器的負擔。因此為了避免第二項問題,我們在部署項目時會改變成第二種方式。
以上是“amaze ui怎么使用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞名稱:amazeui怎么使用-創(chuàng)新互聯(lián)
轉載來于:http://muchs.cn/article22/spjjc.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、網站排名、微信公眾號、動態(tài)網站、自適應網站、網站營銷
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容