IPSA Vue3 Component Library

基于 Vue3 的现代化组件库

安装

npm install ipsa-ui-components
# 或者
yarn add ipsa-ui-components
# 或者
pnpm add ipsa-ui-components

使用方式

在入口文件中导入组件和样式：

import { createApp } from 'vue'
import IPSAComponents from 'ipsa-ui-components'
import 'ipsa-ui-components/dist/style.css'
import App from './App.vue'

const app = createApp(App)
// 设置主题，一种为 blue, 一种为 red
IPSAComponents.setTheme('blue')
app.use(IPSAComponents)
app.mount('#app')

主题变量说明

可以通过 modifyVars 配置以下变量：

// 主题类型
@primary-type: 'blue'; // 可选值：'blue' | 'red'

// 蓝色主题
@soft-blue: #2B85E4;        // 主色
@soft-blue-light: #409EFF;   // 浅色
@soft-blue-lighter: #D9EEFF; // 更浅
@soft-blue-strogger: #366DE0; // 深色

// 红色主题
@soft-red: #D71921;         // 主色
@soft-red-light: #E92F2F;    // 浅色
@soft-red-lighter: #FFB9B0;  // 更浅
@soft-red-strogger: #94000D; // 深色

// 成功状态
@success-color: #67C23A;
@success-color-light: #85CE61;
@success-color-lighter: #A7E398;
@success-color-strogger: #529B2F;

文档

更多使用方法和组件文档，请访问我们的在线文档。

许可证

MIT