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

相关推荐
博客zhu虎康8 分钟前
React Hooks 报错?一招解决useState问题
前端·javascript·react.js
灰海21 分钟前
vue中通过heatmap.js实现热力图(多个热力点)热区展示(带鼠标移入弹窗)
前端·javascript·vue.js·heatmap·heatmapjs
王源骏1 小时前
LayaAir鼠标(手指)控制相机旋转,限制角度
前端
大虾写代码1 小时前
vue3+TS项目配置Eslint+prettier+husky语法校验
前端·vue·eslint
wordbaby1 小时前
用 useEffectEvent 做精准埋点:React analytics pageview 场景的最佳实践与原理剖析
前端·react.js
上单带刀不带妹1 小时前
在 ES6 中如何提取深度嵌套的对象中的指定属性
前端·ecmascript·es6
excel2 小时前
使用热力贴图和高斯函数生成山峰与等高线的 WebGL Shader 解析
前端
wyzqhhhh2 小时前
组件库打包工具选型(npm/pnpm/yarn)的区别和技术考量
前端·npm·node.js
码上暴富2 小时前
vue2迁移到vite[保姆级教程]
前端·javascript·vue.js
土了个豆子的2 小时前
04.事件中心模块
开发语言·前端·visualstudio·单例模式·c#