码迷,mamicode.com
首页 > 其他好文 > 详细

小程序之Tab切换(二)

时间:2018-03-27 12:27:46      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:将不   ack   osi   nmap   com   地址   小程序   接下来   str   

之前写的那个Tab切换是常规逻辑写的,接下来我会列出小程序api自带的写法,当然了 这个写法更加简单,实用。我们只需要配置app.json这个文件即可。

先看效果图:

技术分享图片

app.json代码:(有木有感觉很简单的样子哈哈)

"tabBar": {
    "color":"#fff",
    "selectedColor":"#1296db",
    "backgroundColor":"#ccc",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath":"images/iconHome.png",
        "selectedIconPath":"images/seleHome.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "地址",
        "iconPath": "images/iconMap.png",
        "selectedIconPath": "images/seleMap.png"
      }
    ]
  },

 

?下面是app.json 配置项列表:

技术分享图片

?tabBar属性说明:

技术分享图片

?list的属性说明:

技术分享图片

PS:

  1. 当设置 position 为 top 时,将不会显示 icon
  2. tabBar 中的 list 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。

 

小程序之Tab切换(二)

标签:将不   ack   osi   nmap   com   地址   小程序   接下来   str   

原文地址:https://www.cnblogs.com/silent007/p/8656274.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!