zoukankan      html  css  js  c++  java
  • 小程序之底部tabBar

    用法简介:

    1.app.json中配置下tabBar即可,注意tabBar至少需要两个最多五个Item选项

    这里简单列举一些属性值:对于tabBar整体属性设置:

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

    简单的例子如下:

    "tabBar": {
            "selectedColor":"#8D503E", 
            "list": [
                {
                    "pagePath": "pages/home_page/index",
                    "iconPath": "img/home.png",
                    "selectedIconPath": "img/home-s.png",
                    "text": "首页"
                },
                {
                    "pagePath": "pages/sign_up/index",
                    "iconPath": "img/task.png",
                    "selectedIconPath": "img/task-s.png",
                    "text": "选课报名"
                },
                {
                    "pagePath": "pages/party_subject/index",
                    "iconPath": "img/dj.png",
                    "selectedIconPath": "img/dj-s.png",
                    "text": "党建专题"
                },
                {
                    "pagePath": "pages/person/index",
                    "iconPath": "img/mine.png",
                    "selectedIconPath": "img/mine-s.png",
                    "text": "我的"
                }
            ]
        }

     注意:

    配置list的第一个一定是要是最先显示的,否则会出现底部导航看不到。
  • 相关阅读:
    2072=删数问题
    2872=M--二分查找
    4165=全排列问题
    2805=大家快来A水题
    4148=1.1联结词真值运算
    2748=第X大的数
    3479=青蛙过河
    1200=汉诺塔
    Leetcode92_反转链表II
    Leetcode206_反转链表
  • 原文地址:https://www.cnblogs.com/wanan-01/p/9032734.html
Copyright © 2011-2022 走看看