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" // 被选中之后的图标
      }
    ]
  }

运行结果:

相关文章
|
小程序 开发者
uniapp合法域名配置
uniapp合法域名配置
377 0
|
小程序
uniapp如何分包 & 分包配置后无法读取static文件夹
uniapp如何分包 & 分包配置后无法读取static文件夹
354 0
uniapp如何分包 & 分包配置后无法读取static文件夹
uniapp manifest.json 完整参数配置参考文档
uniapp manifest.json 完整参数配置参考文档
171 0
|
3月前
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
2月前
vue3+uniapp配置路由导航守卫
vue3+uniapp配置路由导航守卫
|
4月前
|
小程序 UED
uniapp 添加分包页面,配置分包预下载
uniapp 添加分包页面,配置分包预下载
92 2
|
小程序 API
【 uniapp - 黑马优购 | 首页】小程序首页全局配置(home、网络请求、轮播图、分类...)
【 uniapp - 黑马优购 | 首页】小程序首页全局配置(home、网络请求、轮播图、分类...)
190 0
|
6月前
|
移动开发 监控 小程序
mPaaS常见问题之uniapp ios端云打包的配置config文件如何解决
mPaaS(移动平台即服务,Mobile Platform as a Service)是阿里巴巴集团提供的一套移动开发解决方案,它包含了一系列移动开发、测试、监控和运营的工具和服务。以下是mPaaS常见问题的汇总,旨在帮助开发者和企业用户解决在使用mPaaS产品过程中遇到的各种挑战
183 0
|
6月前
|
小程序
uniapp 数据配置
uniapp manifest.js 配置
|
小程序 安全 开发工具
uniapp项目实战系列(2):新建项目,项目搭建,微信开发工具的配置
uniapp项目实战系列(2):新建项目,项目搭建,微信开发工具的配置
146 2

热门文章

最新文章

相关实验场景

更多