uni-app基本标签

导航栏设置

  • `navigationBarBackgroundColor`: 设置导航栏的背景颜色(全局页面)

  • `navigationBarTextStyle`: 导航栏标题颜色(仅支持 `black` 和 `white`)

  • `navigationBarTitleText`: 设置导航栏标题内容

  • `enablePullDownRefresh`: 是否开启页面下拉刷新

窗口与背景设置

  • `backgroundColor`: 小程序窗口颜色(下拉刷新后窗口背景色)

  • `backgroundTextStyle`: 设置下拉刷新样式(`dark` 或 `light`)

底部导航栏设置

  • `tabbar`: 底部导航栏配置

  • `list`: 底部导航栏列表配置

  • `text`: 导航栏标题

  • `pagePath`: 导航栏页面路径

  • `iconPath`: 未选中页面图标路径

  • `selectedIconPath`: 选中时页面图标路径

页面设置

  • `pages`: 所有页面路径配置

  • 第一项为应用启动页(默认页)

  • 其他项为各页面路径

注意事项

  • 使用 `rpx` 作为像素单位,兼容多种机型

  • `page` 相当于 `body` 根节点

  • 使用 `View` 类似于 `div` 标签,`Text` 类似于 `span` 标签

  • 避免使用选择器

  • H5 标签支持度有限,不建议广泛使用

相关推荐
jayaccc4 分钟前
Webpack配置详解与实战指南
前端·webpack·node.js
南囝coding5 分钟前
发现一个宝藏图片对比工具!速度比 ImageMagick 快 6 倍,还是开源的
前端
前端小黑屋13 分钟前
查看 Base64 编码的字体包对应的字符集
前端·css·字体
每天吃饭的羊23 分钟前
媒体查询
开发语言·前端·javascript
XiaoYu20021 小时前
第8章 Three.js入门
前端·javascript·three.js
这个一个非常哈1 小时前
element之,自定义form的label
前端·javascript·vue.js
阿东在coding1 小时前
Flutter 测试框架对比指南
前端
是李嘉图呀1 小时前
npm推送包失败需要Two-factor权限认证问题解决
前端
自己记录_理解更深刻1 小时前
本地完成「新建 GitHub 仓库 react-ts-demo → 关联本地 React+TS 项目 → 提交初始代码」的完整操作流程
前端
借个火er1 小时前
Chrome 插件开发实战:5 分钟上手 + 原理深度解析
前端