zoukankan      html  css  js  c++  java
  • 微信小程序之 Tabbar(底部选项卡)

    1.项目目录

    2.在app.json里填写:tab个数范围2-5个

    app.json

    {
      "pages": [
        "pages/index/index",
        "pages/audiobook/audiobook",
        "pages/broadcast/broadcast",
        "pages/group/group",
        "pages/mine/mine"
      ],
      "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle": "black"
      },
      "tabBar": {
        "color": "#949494",
        "selectedColor": "#42bd56",
        "borderStyle": "black",
        "list": [
          {
            "selectedIconPath": "assets/images/ic_tab_home_active.png",
            "iconPath": "assets/images/ic_tab_home_normal.png",
            "pagePath": "pages/index/index",
            "text": "首页"
          },
          {
            "selectedIconPath": "assets/images/ic_tab_subject_active.png",
            "iconPath": "assets/images/ic_tab_subject_normal.png",
            "pagePath": "pages/audiobook/audiobook",
            "text": "书影音"
          },
          {
            "selectedIconPath": "assets/images/ic_tab_status_active.png",
            "iconPath": "assets/images/ic_tab_status_normal.png",
            "pagePath": "pages/broadcast/broadcast",
            "text": "广播"
          },
          {
            "selectedIconPath": "assets/images/ic_tab_group_active.png",
            "iconPath": "assets/images/ic_tab_group_normal.png",
            "pagePath": "pages/group/group",
            "text": "小组"
          },
          {
            "selectedIconPath": "assets/images/ic_tab_profile_active.png",
            "iconPath": "assets/images/ic_tab_profile_normal.png",
            "pagePath": "pages/mine/mine",
            "text": "我的"
          }
        ]
      }
    }

    3.属性详解

    4.效果图

  • 相关阅读:
    尽可能装满的背包问题
    mysql的下载与安装
    IDEA中安装ibatis插件
    tomcat启动失败,提示信息:Unable to ping server at localhost:1099
    http响应头
    查看电脑的IP地址及配置
    IDEA中不同项目配置不同JDK
    Navicat for mysql的下载及破解
    java中String的equals()和 ==
    BeanUtils出现Java.lang.NoClassDefFoundError解决
  • 原文地址:https://www.cnblogs.com/crazycode2/p/8298392.html
Copyright © 2011-2022 走看看