小編給大家分享一下AmazeUI下載配置的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
10年積累的網(wǎng)站制作、成都網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)制作后付款的網(wǎng)站建設(shè)流程,更有延安免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。1、這東西直接在AmazeUI的官網(wǎng)(點(diǎn)擊打開鏈接)中下載,打開官網(wǎng)之后,選擇“開始使用”->然后在“獲取 Amaze UI”一欄中“Amaze UI v2.3.0”
2、下載之后,之后解壓,把里面的assets拖到你手機(jī)版的站點(diǎn)目錄。
3、新建一個(gè)Helloworld.html,你的站點(diǎn)目錄應(yīng)該如下圖:
4、在Helloworld.html寫入如下的代碼,然后使用Google瀏覽器、野狐禪等支持手機(jī)版網(wǎng)頁(yè)調(diào)試的瀏覽器,打開Helloworld.html,以下的網(wǎng)頁(yè)對(duì)比與官網(wǎng)的Helloworld.html例子,刪除不少的沒意義的外部文件引用。
<!--使用HTML5開發(fā)--> <!doctype html> <html class="no-js"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--自動(dòng)適應(yīng)移動(dòng)屏幕--> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!--優(yōu)先使用webkit內(nèi)核渲染--> <meta name="renderer" content="webkit"> <!--不要被百度轉(zhuǎn)碼--> <meta http-equiv="Cache-Control" content="no-siteapp"/> <!--以下才是引入amazeui資源--> <link rel="stylesheet" href="assets/css/amazeui.min.css"> <link rel="stylesheet" href="assets/css/app.css"> <script src="assets/js/jquery.min.js"></script> <title>Hello Amaze UI</title> </head> <body> <h2>Hello Amaze UI.</h2> <button type="button" class="am-btn am-btn-default">默認(rèn)樣式</button> <button type="button" class="am-btn am-btn-primary">主色按鈕</button> <button type="button" class="am-btn am-btn-secondary">次色按鈕</button> <button type="button" class="am-btn am-btn-success">綠色按鈕</button> <button type="button" class="am-btn am-btn-warning">橙色按鈕</button> <button type="button" class="am-btn am-btn-danger">紅色按鈕</button> <button type="button" class="am-btn am-btn-danger am-round">圓角紅色按鈕</button> <a class="am-btn am-btn-link">鏈接</a> </body> </html>
則得到如下的效果:
以上是“AmazeUI下載配置的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁(yè)名稱:AmazeUI下載配置的示例分析-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)源:http://www.rwnh.cn/article30/dgsspo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、企業(yè)網(wǎng)站制作、品牌網(wǎng)站建設(shè)、網(wǎng)站改版、軟件開發(fā)、手機(jī)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容