热门标签
热门文章
- 1本地用AIGC生成图像与视频
- 2看到“人工智能”的词时，你会想到什么?
- 3ubuntu下运行UE打包的工程，出现“Cannot find a compatible Vulkan device or driver”报错的解决方案（vulkan无法正常加载）_libglx_nvidia.so.0
- 4Microsoft Edge浏览器不兼容解决办法_一个不兼容的软件与edge一起加载
- 5oracle基础-子查询 备份
- 6听说你还没用过AI 辅助编码的工具，快来看看这几个？
- 7meshlab点云平滑_meshlab的smooth
- 8数据类型转换 符号扩展_符号扩展转换
- 9如何理解Vue_对vue的理解
- 10Stable Diffusion WebUI 生成参数：高清修复/高分辨率修复（Hires.fix）
当前位置: article > 正文
uni.app pages.json配置_uniapp的pages.json的tabbar的图片大小默认是多少
作者：AllinToyou | 2024-03-16 01:11:02
赞
踩
uniapp的pages.json的tabbar的图片大小默认是多少
globalStyle - 公共样式
| 属性 | 说明 | 注意 |
|---|---|---|
| navigationBarBackgroundColor | 导航栏背景颜色（同状态栏背景色） | |
| navigationBarTextStyle | 导航栏标题颜色及状态栏前景颜色，仅支持 black/white | 该属性在支付宝小程序端无效，支付宝端的导航栏字体颜色根据导航栏背景色自动适配，也是仅有两种颜色，白色和黑色。 |
| navigationBarTitleText | 导航栏标题文字内容 | |
| backgroundColor | 下拉显示出来的窗口的背景色 | |
| backgroundTextStyle | 下拉 loading 的样式 | 仅支持light/dark |
| navigationStyle | 导航栏样式 | 仅支持 default/custom。custom即取消默认的原生导航栏 |
| enablePullDownRefresh | 是否开启下拉刷新 | 仅支持true或false |
| onReachBottomDistance | 页面上拉触底事件触发时距页面底部距离 | 单位只支持px，但是在代码中进写入数字即可，即：“onReachBottomDistance”: 100 |
| app-plus 、mp-weixin、mp-alipay、H5 | 设置到编译到app平台的特定样式 |
tabBar - 底部一级导航栏
| 属性 | 说明 | 注意 |
|---|---|---|
| color | tab 上的文字默认颜色 | |
| selectedColor | tab 上的文字选中时的颜色 | |
| backgroundColor | tab 的背景色 | |
| list | tab 的列表，接收值为数组，内容为对象，最少2个、最多5个 | 必填，list下对象的属性包括：pagePath、text、iconPath、selectedIconPath。注意：pagePath下的目录必须在pages注册过才可以，否则报错 |
| position | 可选值 bottom、top | top：仅微信小程序端有效 |
| fontSize | 文字默认大小 | 默认:10，仅数字即可 |
| spacing | 图标和文字的间距 | 默认:3，仅数字即可 |
| height | tabBar 默认高度 | 默认:50，仅数字即可 |
| iconWidth | 图标默认宽度（高度等比例缩放） | 默认:24，仅数字即可 |
pages-页面注册并设置页面样式
| 属性 | 说明 | 注意 |
|---|---|---|
| path | 配置页面路径 | 注：以pages开头，写到页面所在位置，并且不带有.vue。 即：pages/index/index |
| style | 配置页面窗口表现 | 注：配置内容与 globalStyle下的配置内容相差无几 |
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/245948?site
推荐阅读
相关标签
