更新记录

1.3.7（2026-08-24） 下载此版本

• 兼容鸿蒙系统
• 优化fu-swipe-action和fu-swipe-action-item组件

1.3.5（2026-08-20） 下载此版本

• 新增 isNotNull API 判断是否不为空，结果与 isNull 相反 调用方式：uni.$fu.isNotNull(value)
• 新增 isNullOne API 判断所有参数 - 是否至少有一个参数为空，如果有就返回 true 调用方式：uni.$fu.isNullOne(value)
• 新增 isNullOneByObject API 判断整个对象 - 是否没有一个属性是空值，如果有空值，则返回首页是空值的属性名，如果没有空值，则返回 undefined 调用方式：uni.$fu.isNullOneByObject(value)
• 新增 isNotNullAll API 判断所有参数 - 是否全部都为空 调用方式：uni.$fu.isNotNullAll(value)

1.3.4（2026-08-17） 下载此版本

• 新增 $openPage 路由跳转函数自动匹配 name / path
• 优化 trim 函数，调用方式 uni.$fu.trim(str, pos)，相比之前性能提升15-20%
• 优化 sys 函数，调用方式 uni.$fu.sys(), 更新微信小程序最新API，控制台消除警告
• 优化内置样式 common.scss 中的设置圆角简化，结果：

  fu-br-30
  fu-br-t-30
  fu-br-b-30
  fu-br-tl-30
  fu-br-tr-30
  fu-br-bl-30
  fu-br-br-30

• 优化部分已知问题

平台兼容性

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