更新记录

1.0.0（2026-05-12） 下载此版本

初始化

平台兼容性

uni-app(5.08)

AI聚合组件库（ai-tools）

ai-tools 是一个面向 AI 创作场景的 uniapp 组件库与页面模块，提供 AI 工具首页、作品列表、AI 生图、AI 生视频、视频合并、小说配音、短剧创作、电商创作等完整业务页面。

该组件库适合嵌入到宿主 App / H5 / 小程序项目中，用于快速搭建一个「AI 工具聚合入口」。宿主项目只需要完成页面注册、登录 Token 传递和接口对接，即可进入组件库提供的完整创作流程。

产品介绍

AI聚合是一套 AI 工具聚合产品，首页以「AI TOOLS AGGREGATOR」为核心定位，主打“聚合发现 AI 工具，一站式高效体验”。

首页主要包含以下能力：

• 快捷工具宫格入口，方便用户快速进入常用创作工具。
• 工具列表卡片，展示每个 AI 工具的名称、说明和立即使用按钮。
• 支持通过登录 Token 进入首页和作品列表，适合集成到已有账号体系中。

当前首页包含的工具入口包括：

• 文生图：输入描述词，快速生成想要的图片内容。
• 图生图：基于已有图片进行创作、编辑和风格转换。
• 文生视频：根据文案内容，智能生成视频画面。
• 图生视频：通过图片生成动态视频内容。
• 视频合并：支持多个视频一键拼接合并。
• 小说配音：将小说文案内容快速转换为语音。
• 短剧创作：智能生成短剧内容，提升视频创作效率。
• 电商专用：查看和管理已经生成的创意作品。

快速进入

进入首页

通过以下路径进入 AI 聚合首页：

/uni_modules/ai-tools/pages/index/index?token=登录token信息

uniapp 示例：

const token = '登录token信息'

uni.navigateTo({
  url: `/uni_modules/ai-tools/pages/index/index?token=${token}`
})

进入作品列表

通过以下路径进入作品列表页面：

/uni_modules/ai-tools/pages/creation/creation?token=登录token信息

uniapp 示例：

const token = '登录token信息'

uni.navigateTo({
  url: `/uni_modules/ai-tools/pages/creation/creation?token=${token}`
})

Token 传递说明

组件库页面通过 URL 查询参数接收宿主项目传入的登录 Token。

参数名：

token

示例：

/uni_modules/ai-tools/pages/index/index?token=eyJhbGciOi...

建议：

• 首页和作品列表作为外部入口页面必须携带 token。
• token 失效、为空或接口鉴权失败时，应由业务侧统一处理登录态刷新或重新登录逻辑。

page.json 页面配置

宿主项目需要在 pages.json 中注册组件库提供的页面。

{
  "pages": [
    {
      "path": "uni_modules/ai-tools/pages/index/index",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/creation/creation",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white",
        "enablePullDownRefresh": true
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/text2image/text2image",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/image2image/image2image",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/text2video/text2video",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/image2video/image2video",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/text2image-details/text2image-details",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/image2image-details/image2image-details",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/text2video-details/text2video-details",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/image2video-details/image2video-details",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/video-merge/video-merge",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/video-merge-details/video-merge-details",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/novel2voice/novel2voice",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/novel2voice-details/novel2voice-details",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/short-dramma/short-dramma",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/short-dramma-details/short-dramma-details",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/ecommerce/ecommerce",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    },
    {
      "path": "uni_modules/ai-tools/pages/ecommerce-details/ecommerce-details",
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "white"
      }
    }
  ]
}

页面清单

集成注意事项

1. 确认 uni_modules/ai-tools 已放入宿主项目。
2. 确认 pages.json 已注册组件库所有页面。
3. 宿主项目进入首页或作品列表时，需要通过 URL 查询参数传入 token。

适用场景

• AI 工具聚合类应用。
• 内容创作平台。
• 电商素材生成平台。
• 短剧、小说、视频创作工具平台。
• 已有 App 中快速接入 AI 创作能力。

目录建议

uni_modules/
└── ai-tools/
    ├── components/
    ├── pages/
    │   ├── index/
    │   ├── creation/
    │   ├── text2image/
    │   ├── image2image/
    │   ├── text2video/
    │   ├── image2video/
    │   ├── video-merge/
    │   ├── novel2voice/
    │   ├── short-dramma/
    │   └── ecommerce/
    └── README.md

版本说明

当前 README 根据现有页面整理，后续如果新增工具页面，只需要同步补充：

• pages.json 页面注册。