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

相关推荐
猪八宅百炼成仙29 分钟前
解决Vue项目中scrollIntoView导致的布局异常问题
前端
miss39 分钟前
Vue2 → Vue3 深度对比:8 大核心优化,性能提升 2 倍
前端·vue.js·架构
绝世唐门三哥1 小时前
React---数组浅拷贝之slice的使用
前端·reactjs
傅里叶1 小时前
Flutter开发的app,实现Google 登录
前端·flutter
胖橘2 小时前
适用于Vue3的高集成度文件预览组件,支持多种类型的文件
前端·vue.js·开源
我叫黑大帅2 小时前
🚀 JS 最常用的性能优化 防抖和节流
前端·javascript·面试
啊丫丫2 小时前
【深入浅出地学习Vue】——vue2
前端·vue.js
求知若饥2 小时前
webpage-channel 让不同页面通信像组件通信一样简便
前端·typescript·node.js
图扑软件2 小时前
图扑 HT 帧动画 | 3D 动态渲染设计与实现
前端·javascript·3d·动画·数字孪生
终端鹿2 小时前
Pinia 与 Vue Router 权限控制实战(衔接Pinia基础篇)
前端·javascript·vue.js