说明

刚适配的uni-app-x，已经尽可能的继续跟uview-plus一样保持原始uview的接口兼容性，新版发布仍然存在细节问题需要完善与修复，后续会继续更新完善。

介绍

全面兼容uni-app/uni-app-x/nvue/鸿蒙的uni-app生态框架，丰富的组件和便捷的工具以及兼容的API会让您轻松升级，事半功倍。

官方文档：https://uview-ultra.lingyun.net/

特性

• 全面兼容uni-app/uni-app-x/nvue/鸿蒙，原生渲染，高性能
• 兼容安卓，iOS，微信小程序，H5，QQ小程序，百度小程序，支付宝小程序，头条小程序
• 100+精选组件，功能丰富，多端兼容，让您快速集成，开箱即用
• 众多贴心的JS利器，让您飞镖在手，召之即来，百步穿杨
• 众多的常用页面和布局，让您专注逻辑，事半功倍
• 详尽的文档支持，现代化的演示效果
• 按需引入，精简打包体积

预览

您可以通过微信扫码，查看最佳的演示效果。

链接

• 官方文档
• 问答交流)
• 更新日志
• 升级指南
• 关于我们

关于PR

我们非常乐意接受各位的优质PR，但在此之前我希望您了解这是一个需要兼容多个平台的（小程序、h5、ios app、android app）包括uni-app-x页面、vue页面。 所以希望在您修复bug并提交之前尽可能的去这些平台测试一下兼容性。最好能携带测试截图以方便审核。非常感谢！

安装

uni-app插件市场链接 —— https://ext.dcloud.net.cn/plugin?name=uview-ultra

npm（uni-app CLI 工程）

npm i uview-ultra

npm 方式安装不会自动写入 easycom 规则，需要在 pages.json 里自己加一条 （插件市场安装会自动配好）：

{
	"easycom": {
		"autoscan": true,
		"custom": {
			"^up-(.*)": "uview-ultra/components/up-$1/up-$1.vue"
		}
	}
}

并在 main.js 里挂载插件、引入全局样式：

import uviewUltra from 'uview-ultra'
import 'uview-ultra/index.scss'

export function createApp() {
	const app = createSSRApp(App)
	app.use(uviewUltra)
	return { app }
}

全局样式也可以不写在 main.js，改到 App.vue 的 <style lang="scss"> 里：

<style lang="scss">
	@import 'uview-ultra/index.scss';
</style>

npm 包的入口是 index.js（uni-app / Vue3 的实现）。 uni-app x 工程请用插件市场安装 —— 它走的是 .uvue 那套实现， 而 npm 包同时包含 .vue 与 .uvue 两份源码，混用容易装错组件。

快速上手

请通过快速上手了解更详细的内容

使用方法

配置easycom规则后，自动按需引入，无需import组件，直接引用即可。

<template>
	<up-button text="按钮"></up-button>
</template>