更新记录

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小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ √ √ - - - √ √ - - - -

其他

多语言 暗黑模式 宽屏模式 蒸汽模式
√ × × ×

logo

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版本)

  1. 保持选项式API,尽可能兼容原有uview2各种API,比如mixins,方便大家升级更容易;
  2. 新手友好,保持原汁原味js,二次开发方便,未使用typescript重写,但带有独立的类型申明包;

uview-ultra v4 (uni-app-x版本)

  1. 尽可能保持原有组件的API一致,方便大家升级;
  2. 使用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。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

无

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无(插件源码与开发文档均不含任何广告)