auicss下APP底部导航

最新推荐文章于 2024-06-18 16:17:41 发布

tianshi51

最新推荐文章于 2024-06-18 16:17:41 发布

阅读量3.3k

点赞数

分类专栏： APP

本文链接：https://blog.csdn.net/tianshi51/article/details/53306426

版权

这篇博客详细介绍了如何使用AuICSS框架来创建移动应用的底部导航栏，提供了具体的样式代码示例。

摘要由CSDN通过智能技术生成

样式代码如下：

<footer class="aui-bar aui-bar-tab" id="footer">
        <div id="tabbar1" class="aui-bar-tab-item aui-active" tapmode οnclick="randomSwitchBtn(this,'首页',0)">
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-bar-tab-label">首页</div>
        </div>
        <div id="tabbar2" class="aui-bar-tab-item" tapmode οnclick="randomSwitchBtn(this,'未接',1)">
            <i class="aui-iconfont aui-icon-phone"></i>
            <div class="aui-bar-tab-label">未接</div>
        </div>
        <div id="tabbar3" class="aui-bar-tab-item" tapmode οnclick="randomSwitchBtn(this,'已结',2)">
            <i class="aui-iconfont