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的第一个一定是要是最先显示的,否则会出现底部导航看不到。
  • 相关阅读:
    关于上传组件
    二分查找的时间复杂度
    commander.js
    执行上下文
    谷歌插件开发
    网站性能
    日记
    <<人间失格>>阅读
    Node.js 应该用在什么地方
    浅谈前后端分离与实践 之 nodejs 中间层服务
  • 原文地址:https://www.cnblogs.com/wanan-01/p/9032734.html
Copyright © 2011-2022 走看看