午夜私人影院,丝瓜软件APP

手機(jī)端頁(yè)面的底部導(dǎo)航欄，仿照安卓、IOS等Apps應(yīng)用底部導(dǎo)航欄的設(shè)計(jì)。許許多多的移動(dòng)端頁(yè)面前端框架都有這個(gè)組件。AmazeUI也不例外。還提供了分享到站外的分享按鈕，組件，完全不用自己寫。直接提供國(guó)內(nèi)主流網(wǎng)站的分享，沒有那些傳說中的facebook之流，完全不用自己改，其效果如下：

其代碼如下：

<!--使用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">
        <!--引入js的時(shí)候要注意，必須先引入jQuery，再引入amazeui，因?yàn)檫@個(gè)框架是基于jQuery開發(fā)的-->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/amazeui.min.js"></script>
        <title>footer</title>
    </head>
<body>
 
<div class="am-navbar am-navbar-default" data-am-widget="navbar">
    <ul class="am-navbar-nav">
        <li>
            <a href="#">
                <span class="am-icon-home"></span>
                <span class="am-navbar-label">首頁(yè)</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="am-icon-user-md"></span>
                <span class="am-navbar-label">個(gè)人</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="am-icon-star"></span>
                <span class="am-navbar-label">收藏</span>
            </a>
        </li>
        <li data-am-navbar-share>
            <a>
                <span class="am-icon-share-square-o"></span>
                <span class="am-navbar-label">分享</span>
            </a>
        </li>
    </ul>
</div>
 
</body>
</html>

總結(jié)

到此這篇關(guān)于AmazeUI底部導(dǎo)航欄與分享按鈕的示例代碼的文章就介紹到這了,更多相關(guān)AmazeUI導(dǎo)航欄與分享按鈕內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

標(biāo)簽：新疆永州漯河遼源西藏池州青島棗莊

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《AmazeUI底部導(dǎo)航欄與分享按鈕的示例代碼》，本文關(guān)鍵詞 AmazeUI,底部,導(dǎo)航,欄,與,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。