更新记录
3.8.152(2026-11-12)
perf: u-index-list 列表锚点定位新增 header 高度采样缓存,滚动不再每次查询节点尺寸
- u-index-list 滚动定位时每个采样(约 10ms 一次)都调用 getHeaderRect() 发起节点尺寸查询,高频滚动下反复读取 DOM 布局。
- 新增 getHeaderRectCached() 缓存 500ms 内的 header 尺寸结果,滚动采样命中缓存直接返回,header slot 内容变化最迟 500ms 后自愈。
- 仅改动组件内部实现(u-index-list.vue),锚点偏移计算逻辑与数值不变,props、事件与对外 API 不变;对齐 uview-ultra 同名优化。
3.8.151(2026-11-11)
perf: u-status-bar 状态栏高度 created 读取一次,computed 重算不再查窗口信息
- u-status-bar 原在 style computed 内每次重算都调用 getWindowInfo().statusBarHeight(对应系统信息接口),父组件重渲染或主题切换触发重算时反复发起窗口信息同步查询。
- 改为 created 时读取一次存入 data.statusBarHeight,computed 改读缓存,状态栏高度计算逻辑与数值不变。
- 权衡同已上线的 u-navbar/u-safe-bottom 缓存方案:状态栏高度仅在系统设置或旋转时变化,组件内读取一次足以覆盖常规场景;对齐 uview-ultra 同名优化。
3.8.150(2026-11-10)
perf: u-safe-bottom 安全区高度 created 读取一次,style computed 重算不再查窗口信息
- u-safe-bottom 原在 style computed 内每次重算都调用 getWindowInfo().safeAreaInsets.bottom(对应系统信息接口),父组件重渲染或主题切换触发重算时反复发起窗口信息同步查询。
- 改为 created 时读取一次存入 data,computed 改读缓存,安全区偏移计算逻辑与数值不变;对齐 uview-ultra 同名优化。
- 权衡同已上线的 u-navbar/u-status-bar 缓存方案:安全区高度仅在系统设置或旋转时变化,组件内读取一次足以覆盖常规场景。
平台兼容性
uni-app(4.66)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | √ | √ | √ | √ | √ | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | - | - | - | √ | √ | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 | 蒸汽模式 |
|---|---|---|---|
| √ | × | × | × |
uview-plus 3.0
多平台快速开发的UI框架
说明
【文档有广告,不喜勿入谢谢】
uview-plus,是uni-app全面兼容vue3/nvue/鸿蒙/uni-app-x(已经发布https://ext.dcloud.net.cn/plugin?name=uview-ultra)的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。uview-plus是基于uView2.x移植的支持vue3的版本,感谢uView。
版本
uview-plus v3 (uni-app版本)
- 保持选项式API,尽可能兼容原有uview2各种API,比如mixins,方便大家升级更容易;
- 新手友好,保持原汁原味js,二次开发方便,未使用typescript重写,但带有独立的类型申明包;
uview-ultra v4 (uni-app-x版本)
- 尽可能保持原有组件的API一致,方便大家升级;
- 使用uts + 组合式API架构级全新重构,但仍然保持源码的简易,不封装过于复杂,便于修改。
可视化设计
uview-plus现已推出免费可视化设计,可以方便的进行页面可视化设计,导出源码即可使用。极大提高前端页面开发效率;如产品经理设计师直接使用更可作为高保真高可用原型制作工具,让设计稿即代码,无需传统的设计稿开发还原步骤。
文档
官方文档:https://uview-plus.jiangruyi.com 备用文档:https://uiadmin.net/uview-plus
预览
您可以通过微信扫码,查看最佳的演示效果。
| H5 | 微信小程序 | 安卓 | 鸿蒙Next(已上架) |
|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
链接
关于PR
我们非常乐意接受各位的优质PR,但在此之前我希望您了解uview-plus是一个需要兼容多个平台的(小程序、h5、ios app、android app)包括nvue页面、vue页面。 所以希望在您修复bug并提交之前尽可能的去这些平台测试一下兼容性。最好能携带测试截图以方便审核。非常感谢!
安装
uni-app插件市场链接 —— https://ext.dcloud.net.cn/plugin?name=uview-plus
请通过官网安装文档了解更详细的内容
快速上手
请通过快速上手了解更详细的内容
使用方法
配置easycom规则后,自动按需引入,无需import组件,直接引用即可。
<template>
<u-button text="按钮"></u-button>
</template>
AI 编码助手
包内 skills/ 目录提供了给 AI 编码助手用的 uview-plus 使用说明(Agent Skills 的 SKILL.md 格式),包含组件与图标清单、easycom 接入、uni.$u 工具库和多端常见坑,让 AI 少猜少写错。
Claude Code 等工具把它拷到项目的 .claude/skills/ 下即可生效:
mkdir -p .claude/skills
cp -r node_modules/uview-plus/skills/uview-plus .claude/skills/
其他工具的接法与 uni_modules 装法见 skills/README.md。
版权信息
uview-plus已转为付费授权模式,您可在DCloud插件市场购买普通授权或源码授权后,将uview-plus应用到您的产品中。
Root 组件基于上游项目 uni-ku/root 二次开发,已按 MIT 要求保留其原始授权文件:libs/root/LICENSE。

收藏人数:
https://github.com/ijry/uview-plus
https://www.npmjs.com/package/uview-plus
购买源码授权版(
试用
使用 HBuilderX 导入示例项目
赞赏(508)




下载 163182
赞赏 508
下载 12761959
赞赏 1959
赞赏
京公网安备:11010802035340号