Skip to content

Vital Design

轻量级移动端组件库

基于 Vue 3 + TypeScript + uni-app,一套代码多端运行

vital-design
App.vue
<template>
  <vd-config-provider :theme-vars="theme">
    <vd-button type="primary" round>
      开始使用
    </vd-button>
  </vd-config-provider>
</template>

easycom 自动引入 · 开箱即用

一套代码,多端运行

基于 Vue 3 + TypeScript + uni-app,组件在 H5、小程序与 App 保持一致体验。

🌐 H5💬 微信小程序💳 支付宝小程序📱 App
查看接入指南

实时预览

组件文档右侧嵌入示例 Demo,修改文档即可对照真机效果。

浏览组件

暗黑模式

ConfigProvider + useDark,跟随系统或一键切换。

定制主题

TypeScript

Props / Events / Expose 完整类型导出。

快速上手

函数式 API

Toast、Dialog、Notify 等支持命令式调用。

查看 Toast

主题变量

CSS 变量 + SCSS,品牌色与圆角一行覆盖。

主题指南

丰富组件,覆盖移动端常见场景

赣ICP备2025061025号-1