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

相关推荐
笑醉踏歌行1 小时前
NVM 在安装老版本 Node环境时,无法安装 NPM的问题
前端·npm·node.js
YUJIANYUE1 小时前
Gemini一次成型龙跟随鼠标html5+canvas特效
前端·计算机外设·html5
abiao19811 小时前
npm WARN ERESOLVE overriding peer dependency
前端·npm·node.js
TechExplorer3651 小时前
禁用 npm 更新检查
前端·npm·node.js
行云流水6265 小时前
uniapp pinia实现数据持久化插件
前端·javascript·uni-app
zhangyao9403305 小时前
uniapp动态修改 顶部导航栏标题和右侧按钮权限显示隐藏
前端·javascript·uni-app
福尔摩斯张6 小时前
Axios源码深度解析:前端请求库设计精髓
c语言·开发语言·前端·数据结构·游戏·排序算法
李牧九丶7 小时前
从零学算法1334
前端·算法
周周爱喝粥呀7 小时前
UI设计原则和Nielsen 的 10 条可用性原则
前端·ui
小云朵爱编程8 小时前
Vue项目Iconify的使用以及自定义图标,封装图标选择器
前端·javascript·vue.js