微信小程序 (三)tabBar底部导航详细介绍

 更新时间:2016年09月27日 10:32:45   作者:顺子_RTFSC  
这篇文章主要介绍了微信小程序 (三)tabBar底部导航详细介绍的相关资料,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

tabBar相对而言用的还是比较多的,但是用起来并没有难,在app.json中配置下tabBar即可,注意tabBar至少需要两个最多五个Item选项

主要属性:

对于tabBar整体属性设置:

对于tabBar中每个Item属性设置:

下面是官网一张图对tabBar描述:

app.json的配置相对就简单了:

相关文章:

hello WeApp                      icon组件
Window 
                            text组件                                switch组件
tabBar底部导航                 progress组件                        action-sheet
应用生命周期                    button组件                            modal组件
页面生命周期
                    checkbox组件                       toast组件
模块化详                           form组件详                            loading 组件
数据绑定
                           input 组件                             navigator 组件
View组件                          picker组件                             audio 组件
scroll-view组件                 radio组件                              video组件
swiper组件                        slider组件                              Image组件

相关文章

  • JSON字符串转换JSONObject和JSONArray的方法

    JSON字符串转换JSONObject和JSONArray的方法

    这篇文章主要介绍了JSON字符串转换JSONObject和JSONArray的方法的相关资料,需要的朋友可以参考下
    2016-06-06
  • forEach循环里break使用方式详解

    forEach循环里break使用方式详解

    这篇文章主要为大家介绍了forEach循环里break使用方式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • JavaScript实现一个Promise队列小工具

    JavaScript实现一个Promise队列小工具

    这篇文章主要介绍了JavaScript实现一个Promise队列小工具,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • 微信小程序 <swiper-item>标签传入数据

    微信小程序 <swiper-item>标签传入数据

    这篇文章主要介绍了微信小程序 <swiper-item>标签传入数据的相关资料,需要的朋友可以参考下
    2017-05-05
  • JS 基本概念详细介绍

    JS 基本概念详细介绍

    这篇文章主要介绍JS 基本概念,对于初学者来说,Javascript 乍一看似乎很容易,因为它的类似于 C 的语法,但不管它的运行方式如何,对语言 (ESNext) 及其框架所做的不断变化可能会让初学者不知所措。下面我们就来看JS 初学者怎么入门吧
    2021-10-10
  • 前端框架arco?table源码遇到的问题解析

    前端框架arco?table源码遇到的问题解析

    这篇文章主要为大家介绍了前端框架arco?table源码遇到的问题解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 美化下拉列表

    美化下拉列表

    美化下拉列表...
    2006-06-06
  • 微信小程序 switch组件详解及简单实例

    微信小程序 switch组件详解及简单实例

    这篇文章主要介绍了微信小程序 switch组件详解及简单实例 的相关资料,需要的朋友可以参考下
    2017-01-01
  • JS中this的4种绑定规则详解

    JS中this的4种绑定规则详解

    如果你学过面向对象编程,那你肯定知道干什么用的,如果你没有学过,那么暂时可以不用看这篇文章,this既不指向函数自身,也不指函数的词法作用域,具体怎么使用JS中的this,JS中的this绑定规则又是什么?
    2020-02-02
  • JS前端模拟Excel条件格式实现数据条效果

    JS前端模拟Excel条件格式实现数据条效果

    这篇文章主要为大家介绍了JS前端模拟Excel条件格式实现数据条效果,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02

最新评论

?


http://www.vxiaotou.com