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 标签支持度有限,不建议广泛使用

相关推荐
iOS阿玮10 分钟前
苹果 Swift 安卓SDK上线,用一套 Swift 代码开发安卓 App 成为可能!
uni-app·app·apple
2501_915921431 小时前
iOS混淆与IPA加固全流程(iOS混淆 IPA加固 Ipa Guard实战)
android·ios·小程序·https·uni-app·iphone·webview
liusheng1 小时前
腾讯地图 SDK 接入到 uniapp 的多端解决方案
前端·uni-app
拉不动的猪1 小时前
如何处理管理系统中(Vue PC + uni-app 移动端):业务逻辑复用基本方案
前端·javascript·架构
边洛洛1 小时前
next.js项目部署流程
开发语言·前端·javascript
Zsnoin能1 小时前
浏览器连接 新北洋BTP-P33/P32蓝牙打印机,打印 二维码
前端
游戏开发爱好者81 小时前
iOS 26 App 开发阶段性能优化 从多工具协作到数据驱动的实战体系
android·ios·小程序·uni-app·iphone·webview·1024程序员节
非凡ghost1 小时前
Syncovery Premium(文件同步软件)
前端·javascript·后端
2501_915106321 小时前
深入剖析 iOS 26 系统流畅度,多工具协同监控与性能优化实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone
trsoliu1 小时前
2025前端AI Coding产品与实战案例大盘点
前端·ai编程