uniapp配置tarBar

简介: uniapp配置tarBar

简介:本文讲解uniapp怎么配置tarBar,下方的状态栏。

第一步

第二步

插入代码:

"tabBar": {
    "color":"#666", // 没有被选择的时候的颜色
    "selectedColor":"#31C27C", // 被选中之后的颜色
    "list":[
      {
        "text":"首页", // 文本信息
        "pagePath":"pages/index/index", // 对应的路径
        "iconPath":"static/images/home.png", // 图标信息
        "selectedIconPath":"static/images/home-h.png" // 被选中之后的图标
      },
      {
        "text":"个人", // 文本信息
        "pagePath":"pages/user/user", // 对应的路径
        "iconPath":"static/images/user.png", // 图标信息
        "selectedIconPath":"static/images/user-h.png" // 被选中之后的图标
      }
    ]
  }

运行结果:

相关文章
|
6月前
|
小程序 开发者
uniapp合法域名配置
uniapp合法域名配置
151 0
|
8月前
uniapp manifest.json 完整参数配置参考文档
uniapp manifest.json 完整参数配置参考文档
88 0
|
8月前
|
小程序
uniapp如何分包 & 分包配置后无法读取static文件夹
uniapp如何分包 & 分包配置后无法读取static文件夹
191 0
uniapp如何分包 & 分包配置后无法读取static文件夹
|
1月前
|
移动开发 监控 小程序
mPaaS常见问题之uniapp ios端云打包的配置config文件如何解决
mPaaS(移动平台即服务,Mobile Platform as a Service)是阿里巴巴集团提供的一套移动开发解决方案,它包含了一系列移动开发、测试、监控和运营的工具和服务。以下是mPaaS常见问题的汇总,旨在帮助开发者和企业用户解决在使用mPaaS产品过程中遇到的各种挑战
27 0
|
6月前
|
小程序 API
【 uniapp - 黑马优购 | 首页】小程序首页全局配置(home、网络请求、轮播图、分类...)
【 uniapp - 黑马优购 | 首页】小程序首页全局配置(home、网络请求、轮播图、分类...)
81 0
|
3月前
|
小程序
uniapp 数据配置
uniapp manifest.js 配置
|
6月前
|
存储 JavaScript
【 uniapp - 黑马优购 | 加入购物车】如何配置 vuex、加入购物车功能并持久化
【 uniapp - 黑马优购 | 加入购物车】如何配置 vuex、加入购物车功能并持久化
121 0
|
6月前
|
小程序 开发者
【 uniapp - 黑马优购 | tabBar】如何创建和配置标签栏
【 uniapp - 黑马优购 | tabBar】如何创建和配置标签栏
37 0
|
7月前
uniapp项目实战系列(3):底部导航栏与头部导航栏的配置
uniapp项目实战系列(3):底部导航栏与头部导航栏的配置
83 0
|
7月前
|
小程序 安全 开发工具
uniapp项目实战系列(2):新建项目,项目搭建,微信开发工具的配置
uniapp项目实战系列(2):新建项目,项目搭建,微信开发工具的配置
79 2

热门文章

最新文章