zoukankan      html  css  js  c++  java
  • 小程序之Tab切换(二)

    之前写的那个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 按数组的顺序排序。
  • 相关阅读:
    类和对象的一些BIF
    mac入门--通过hhomebrew下载过慢问题
    Vue的组件及传参
    Vue的指令和成员
    Vue基础(1)
    Python中好用的模块们
    Django-Auth认证模块
    Django杂篇(2)
    Django杂篇(1)
    Django的日常-AJAX
  • 原文地址:https://www.cnblogs.com/silent007/p/8656274.html
Copyright © 2011-2022 走看看