Vary-ui NPM | npm.io

3.0.78 • Published 15 days ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

15 days ago

VaryUI

这是基于 Vue3 实现的 UI 组件库, 适用于 PC 端, 点击打开使用文档

安装

# 如果你使用pnpm
pnpm add vary-ui --save

# 如果你使用yarn
yarn add vary-ui --save

# 如果你使用npm
npm install vary-ui --save

项目中引用

import { createApp } from "vue";
import App from "./App.vue";
const app = createApp(App);

// 引入UI组件库
import VaryUI from "vary-ui";
import "vary-ui/dist/vary-ui.css";
app.use(VaryUI);

app.mount("#app");

颜色主题

本库中的颜色都是从vary-ui/assets/root.scss文件取值的, vue 项目可以自行定义对应的色值, 以代替组件库中的通用颜色

字号与字体

本库中很少特意指定元素的字号, 一些尺寸单位也大多是以em为单位定义的, 因此某些组件(比如 Button)的尺寸会根据实际项目中的字号尺寸自动缩放

v-model

组件库中支持使用v-model实现数据双向绑定的组件Input, Select , 都在内部实现了数据绑定, 因此在使用时, 完全可以脱离v-model, 仅使用@change获取改变后的内容

@infinitebrahmanuniverse/nolb-var @everything-registry/sub-chunk-3044

15 days ago

16 days ago

17 days ago

17 days ago

17 days ago

17 days ago

21 days ago

21 days ago

21 days ago

21 days ago

24 days ago

30 days ago

30 days ago

1 month ago

30 days ago

30 days ago

28 days ago

29 days ago

29 days ago

29 days ago

29 days ago

29 days ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago