更新记录

1.3.2（2026-04-15） 下载此版本

• 修复部分已知问题

1.3.1（2026-04-14） 下载此版本

• 升级vue3，后续不再兼容vue2版本，与npm版本同步，如需vue2版本，请指定安装1.2.7版本

平台兼容性

uni-app(4.01)

其他

✨ Fusions UI

fusions-ui

Vue3 + TypeScript 的跨平台多端的 UI 框架

📖 项目简介

Fusions UI 是一个基于 Vue3 + TypeScript 的跨平台多端的 UI 框架，提供开箱即用的高质量组件，助力开发者快速构建跨端应用。 本项目是其完整的组件使用示例与交互演示

✨ 核心特性

🚀 快速开始

📋 环境要求

• Node.js >= 16
• pnpm >= 7 / yarn / npm

📦 安装组件库

在你的 UniApp 项目中安装：

# 使用 pnpm (推荐)
pnpm add fusions-ui

# 使用 yarn
yarn add fusions-ui

# 使用 npm
npm install fusions-ui

⚙️ 配置组件库

1. 在 main.ts 中引入组件库：

import App from './App.vue'
import { createApp } from 'vue'
import FusionsUI from 'fusions-ui'

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

2. 在 App.vue 中引入样式：

<style lang="scss">
@import 'fusions-ui/index.scss';
</style>

4. TypeScript 类型支持

{
    "compilerOptions": {
        "sourceMap": true,
        "baseUrl": ".",
        "paths": {
            "@/*": ["./*"]
        },
        "lib": ["esnext", "dom"],
        "types": ["@dcloudio/types"]
    },
    "include": [
        "**/*.ts",
        "**/*.d.ts",
        "**/*.vue"
    ]
}

5. 配置组件自动注册

在你的项目 pages.json 文件中添加 easycom 配置：

{
  "easycom": {
    "autoscan": true,
    "custom": {
      "^fu-(.*)": "fusions-ui/components/$1/src/$1.vue"
    }
  }
}

🎯 使用组件

在页面中直接使用组件：

<template>
   <view>
      <fu-button>主要按钮</fu-button>
   </view>
</template>

🔗 相关链接

• 📚 官方文档
• 🎯 演示地址
• 📦 NPM 包

📄 开源协议

遵循 MIT 开源协议，意味着您无需支付任何费用，也无需授权。

⭐ 如果这个项目对您有帮助，请给我们一个 Star！

Made with ❤️ by Fusions Team