更新记录

2.0.2（2026-10-31）

• 修复鸿蒙上 Chart、BarChart、LineChart、RingChart 与 Signature 画布空白：HBuilderX 5.07 的鸿蒙运行时不会把 <canvas> 的宽高样式传给原生 Canvas，组件内部改为显式设置画布尺寸；其他平台行为不变，对外接口不变。
• 鸿蒙平台标记为已验证：在华为手机（API 26）上逐项运行全部组件演示。
• 设置普通授权与源码授权售价。

平台兼容性

uni-app x(5.07)

uvx-frame-ui

基于 uni-app x 的跨平台 UI 组件库，面向 Android、iOS、鸿蒙、微信小程序和 Web 设计。组件的属性、事件、插槽和 v-model 用法与 Element Plus 对齐；视觉采用 frame 自有的设计令牌（libs/theme.uts）。从 1.x 升级请阅读 changelog.md 中的迁移说明。

安装

1. 在插件市场将本插件导入 uni-app x 项目，插件位于 uni_modules/uvx-frame-ui/。要求 HBuilderX 5.07 及以上。
2. 导入时 HBuilderX 会提示合并 pages_init.json，请确认。它注册了组件库的外链页面 uni_modules/uvx-frame-ui/pages/link/link（App 中打开外部 http(s) 链接时使用）。如果没有合并，请在项目 pages.json 的 pages 中手动添加：

{ "path": "uni_modules/uvx-frame-ui/pages/link/link", "style": { "navigationBarTitleText": "" } }

组件通过 easycom 自动引入，无需 import 和注册。

快速上手

<template>
  <uvx-frame-input v-model="name" placeholder="请输入姓名" clearable />
  <uvx-frame-button label="提交" type="primary" @click="submit" />
  <uvx-frame-message ref="messageRef" />
</template>

<script setup lang="uts">
const name = ref('')
const messageRef = ref<UvxFrameMessageComponentPublicInstance | null>(null)

function submit() {
  messageRef.value?.$callMethod('success', '你好，' + name.value)
}
</script>

组件的公开方法在 App 端通过 $callMethod 调用。类型与公共工具统一从插件根目录导入，收费加密版不支持调用方直接引入内部文件：

import { UvxFrameFormRule, UvxFrameTabItem, UvxFrameStep } from '@/uni_modules/uvx-frame-ui'

组件列表

独立插件提供的组件

以下组件依赖完整引擎或图像处理能力，分别作为独立插件发布，按需安装，组件库本身不依赖它们：

图标

uvx-frame-icon 内置组件库自绘图标及 Remix Icon 4.9.1 全部 3229 个图标，名称如 home-line、home-fill，可在 Remix Icon 官网 查找。与自绘图标重名时，加 ri- 前缀指定 Remix Icon，如 ri-close-fill。

<uvx-frame-icon name="home-line" :size="24" color="#5B4FE9" />

Remix Icon TTF 字体约 600KB。微信小程序使用组件内嵌的离线 WOFF，不依赖字体 CDN；两套字体的微信样式合计约 339KB。包体积紧张时可用 fontTools 按实际使用的图标裁剪 TTF，微信样式 uvx-frame-icon.mp.css 中内嵌的 WOFF 需同步更新。

平台兼容

“已验证”指在 HBuilderX 5.07 下编译并在该平台实际运行过演示；“未验证”表示尚未完成该平台的发布前验证。部分模拟器结果另列于验证记录，使用前请按目标设备测试。

授权

付费插件，按 DCloud 插件市场付费插件标准协议授权；普通授权版与源码授权版均绑定购买时的 AppID 和包名。包含的第三方资源：

• Remix Icon 4.9.1（Apache-2.0）：components/uvx-frame-icon/uvx-frame-remixicon.ttf 及微信样式中的派生 WOFF，许可证见 licenses/remixicon-LICENSE.txt。