博客
关于我
全局配置文件(tabBar标签)
阅读量:333 次
发布时间:2019-03-04

本文共 557 字,大约阅读时间需要 1 分钟。

全局配置文件(tabBar标签)

当小程序为多页面应用时,可以通过tabBar配置项定义底部或顶部的切换标签,并指定每个标签对应的页面显示内容。

tabBar配置项说明

tabBar属性包含以下配置选项:

  • color:标签文字的颜色,需使用RGB十六进制表示。
  • selectedColor:标签选中时文字的颜色。
  • backgroundColor:标签所在区域的背景颜色。
  • borderStyle:标签顶部边框的颜色,仅支持blackwhite
  • position:标签的位置,支持bottomtop
  • list:标签列表,需包含至少2个最多5个标签。
  • List标签说明

    list属性接受一个数组,用于定义每个标签的显示内容和功能。每个标签对象支持以下配置:

  • pagePath:必填,表示对应的页面路径,需在pages目录中预先定义。
  • text:标签显示的文字内容。
  • iconPath:标签图标的路径,支持本地图片,建议尺寸为81px × 81px,不支持网络图片。当positiontop时,标签不显示图标。
  • selectedIconPath:选中时显示的图标路径,同上,positiontop时不显示图标。
  • 通过合理配置tabBarlist属性,可以实现多页面应用的切换功能,满足用户多维度的交互需求。

    转载地址:http://reah.baihongyu.com/

    你可能感兴趣的文章
    npm的安装和更新---npm工作笔记002
    查看>>
    npm的常用配置项---npm工作笔记004
    查看>>
    npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
    查看>>
    npm编译报错You may need an additional loader to handle the result of these loaders
    查看>>
    npm设置淘宝镜像、升级等
    查看>>
    npm设置源地址,npm官方地址
    查看>>
    npm配置安装最新淘宝镜像,旧镜像会errror
    查看>>
    NPM酷库052:sax,按流解析XML
    查看>>
    npm错误 gyp错误 vs版本不对 msvs_version不兼容
    查看>>
    npm错误Error: Cannot find module ‘postcss-loader‘
    查看>>
    npm,yarn,cnpm 的区别
    查看>>
    NPOI之Excel——合并单元格、设置样式、输入公式
    查看>>
    NPOI初级教程
    查看>>
    NPOI利用多任务模式分批写入多个Excel
    查看>>
    NPOI在Excel中插入图片
    查看>>
    NPOI将某个程序段耗时插入Excel
    查看>>
    NPOI格式设置
    查看>>
    NPOI设置单元格格式
    查看>>
    Npp删除选中行的Macro录制方式
    查看>>
    NR,NF,FNR
    查看>>