地 址:上海市寶山66號 電 話(huà):17794282821 網(wǎng)址:www.hunqingrc.com 郵 箱:[email protected]
這篇文章主要介紹了AmazeUI的的的實(shí)下載配置與Helloworld的實(shí)現,文中通過(guò)示例代碼介紹的下載現非常詳細,對大(da)家的配置學(xué)習或者工作具有一定的參考學(xué)習價(jià)值,需要的的的實(shí)朋友們下面隨著(zhù)(╥_╥)小編來(lái)一起學(xué)習學(xué)習吧
雖然這(′ω`)東西號稱(chēng)跨平臺支持(′ω`)瀏覽器,但建議還是下載現不要使用(′?_?`)這個(gè)前端框架開(kāi)發(fā)PC端的網(wǎng)頁(yè),因為這東西不支持IE8以下的配置瀏覽器。在PC上不兼容IE6的的的實(shí)話(huà),基本可以?huà)仐壛?。下載現AmazeUI僅僅用來(lái)做移動(dòng)(dong)端的配置網(wǎng)頁(yè)還是不錯的,其HTML5的的的實(shí)特性等很符合手機瀏覽器的特點(diǎn)。不要妄想能寫(xiě)出一個(gè)網(wǎng)頁(yè)同時(shí)兼容PC與手機,下載現應該分開(kāi)布局。配置君不(bu)見(jiàn)在很多手機版網(wǎng)頁(yè)的的的實(shí)底部有“手機版”與“電腦版”之分嗎?
1、這東西直接在A(yíng)mazeUI的下載現官網(wǎng)(點(diǎn)擊打開(kāi)鏈接)中下載,打開(kāi)官網(wǎng)之后,配置選擇“開(kāi)始使用”->然后在“獲取 Amaze UI”一欄中“Amaze UI v2.3.0”
2、下載之后,之后解壓,把里面的assets拖到你手機版的站點(diǎn)目錄。
3、新建一個(gè)Helloworld.html,你的站點(diǎn)目錄應該如下圖:
4、在Helloworld.html寫(xiě)入如下的代碼,然后使用Google瀏覽器、野狐禪等(deng)支持手機版網(wǎng)頁(yè)調試的瀏覽器,打開(kāi)Helloworld.html,以下的網(wǎng)頁(yè)對比與官網(wǎng)的Helloworld.html例子,刪除不少的沒(méi)意義的外部文件引用。
<!--??使用HTML5開(kāi)發(fā)--><!doctype html><html clas(′ω`)s="no-js">&l??t;html&g??t; <head> <meta http-eq(′▽?zhuān)?uiv='Cont(°□°)ent-Type' content='text/html; charset=utf-8'> <meta http-equiv="X-UA-(′▽?zhuān)?Com(′ω`)patible" content="IE=edge"> <!--自動(dòng)適應移動(dòng)屏幕--> <meta name='viewport' content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!--優(yōu)先使用webkit內核渲染--> <meta name="renderer" content="webkit"> <!--不要被百度轉碼--> <(╬?益?);meta http-equiv='Cache-Control' co(′?ω?`)ntent='no-siteapp'/> <!--以下才是引入a??mazeui資源--??> <link rel='stylesheet' href='assets/css/amazeui.min.css'> <link rel="stylesheet" href='assets/css/app.css'> <script src='assets/js/jquery.min.j( ?▽?)s'></script> <title>Hello Amaze UI</title> </head> <body> <h1>Hello Amaze UI.</h?1> <button? type="button" class='am-btn am-btn-default'>默認樣式</button> <bu┐(′?`)┌tton 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-b(?⊿?)tn-s??ucces??s">綠色按鈕<(′_`);/button> <button type="b( ?° ?? ?°)utton" class??="am-btn am-btn-warning"&(????)gt;橙色按鈕</button> &lヾ(′▽?zhuān)??t;button type='button' class="am-btn am-btn-danger">紅色按鈕</button&??gt; <button type='button' class="am-btn am-btn-danger am-round??">圓角紅色按鈕</button> <a class='am-btn am-btn-link'>鏈接</a> </bo┐(′д`)┌dy></html>
到此這篇關(guān)于A(yíng)mazeUI的下載配置與Helloworld的實(shí)現的文章就介紹到這了,更多相關(guān)AmazeUI下載配置內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
來(lái)源??:腳本之家
鏈接:https://www.jb51.net/html5/741380.(′▽?zhuān)?html