https://github.com/view-design/viewuiplus
An enterprise-level UI component library and front-end solution based on Vue.js 3
https://github.com/view-design/viewuiplus
component-library iview viewdesign vue
Last synced: about 1 year ago
JSON representation
An enterprise-level UI component library and front-end solution based on Vue.js 3
- Host: GitHub
- URL: https://github.com/view-design/viewuiplus
- Owner: view-design
- License: other
- Created: 2022-03-21T10:21:24.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2025-04-19T13:29:26.000Z (about 1 year ago)
- Last Synced: 2025-05-08T21:02:03.880Z (about 1 year ago)
- Topics: component-library, iview, viewdesign, vue
- Language: Vue
- Homepage: https://www.iviewui.com
- Size: 33.1 MB
- Stars: 404
- Watchers: 7
- Forks: 138
- Open Issues: 220
-
Metadata Files:
- Readme: README-CN.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
View UI Plus
基于 Vue.js 3 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
[](https://www.npmjs.org/package/view-ui-plus)
[](https://npmjs.org/package/view-ui-plus)
[](https://npmjs.org/package/view-ui-plus)
[](https://gitter.im/iview/iview?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
## 文档
[https://www.iviewui.com](https://www.iviewui.com)
## 在 InsCode 中在线体验
[https://inscode.csdn.net/@aresn/ViewDesign](https://inscode.csdn.net/@aresn/ViewDesign)
## 特性
- 丰富的组件和功能，满足绝大部分网站场景
- 提供开箱即用的 [Admin 系统](https://iviewui.com/admin-plus) 和 快速增删改查 [表格组件](https://iviewui.com/icrud)，极大程度节省开发成本
- 友好的 API ，自由灵活地使用空间
- 细致、漂亮的 UI
- 事无巨细的文档
- 可自定义主题
## 安装
我们推进您使用官方工具快速开始：
- [View UI Plus Project (Based on Vue CLI)](https://github.com/view-design/view-ui-project-vuecli)
- [View UI Plus Project (Based on Vite)](https://github.com/view-design/view-ui-project-vite)
- [View UI Plus Project (Based on TypeScript)](https://github.com/view-design/view-ui-project-ts)
- [View UI Plus Project (Based on Nuxt)](https://github.com/view-design/view-ui-project-nuxt)
### 安装 View UI Plus
使用 npm:
```
npm install view-ui-plus --save
```
或使用 `` 全局引用：
```html
<script type="text/javascript" src="viewuiplus.min.js">
```
您可以[在官网文档](https://www.iviewui.com/view-ui-plus/guide/install)查看更多详细说明。
## 示例
### Options API：
```vue
import { ref } from 'vue'
const value = ref([20, 50])
```
### Composition API：
```vue
import { ref } from 'vue'
const value = ref([20, 50])
```
### TypeScript：
```vue
import { ref } from 'vue'
import type { Ref } from 'vue'
const value: Ref<number[]> = ref([20, 50])
```
使用 `import` 导入 CSS:
```js
import 'view-ui-plus/dist/styles/viewuiplus.css'
```
## 社区
您可以免费加入到 [ViewDesign 官方社区](https://community.gitcode.com/viewdesign) 了解更多 Vue 的内容。
## 主要贡献者
|Name|Avatar|Name|Avatar|Name|Avatar|
|---|---|---|---|---|---|
|[Aresn](https://github.com/icarusion) |  |[jingsam](https://github.com/jingsam) |  | [rijn](https://github.com/rijn) |  |
|[lcx960324](https://github.com/lcx960324) |  |[GITleonine1989](https://github.com/GITleonine1989) |  |[huixisheng](https://github.com/huixisheng) |  |
|[Sergio Crisostomo](https://github.com/SergioCrisostomo) |  | [lison16](https://github.com/lison16) |  | [Xotic750](https://github.com/Xotic750) |  |
[huanghong1125](https://github.com/huanghong1125) |  | [yangdan8](https://github.com/yangdan8) |  | [likuner](https://github.com/likuner)|  |
## License
[MIT](http://opensource.org/licenses/MIT)
Copyright (c) 2016-present, ViewDesign