 View UI |
 Vant |
 Element |
 Ant Design |
|
|---|---|---|---|---|
| 安装 | npm install view-design --save | npm i vant -S | npm i element-ui -S | npm i --save ant-design-vue |
| 导入样式 | import 'view-design/dist/styles/iview.css' | import 'vant/lib/index.css' | import 'element-ui/lib/theme-chalk/index.css' | import 'ant-design-vue/dist/antd.css' |
| 使用模块 | import ViewUI from 'view-design' Vue.use(ViewUI) |
import Vant from 'vant' Vue.use(Vant) |
import ElementUI from 'element-ui' Vue.use(ElementUI) |
import Antd from 'ant-design-vue' Vue.use(Antd) |
| CDN |
<link rel="stylesheet" type="text/css" href="https://unpkg.com/view-design/dist/styles/iview.css"> <script type="text/javascript" src="https://unpkg.com/view-design/dist/iview.min.js"></script> |
<link rel="stylesheet" type="text/css" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://unpkg.com/element-ui/lib/index.js"></script> | <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"/> <script src="https://cdn.jsdelivr.net/npm/vant@2.12/lib/vant.min.js"></script> | <link rel="stylesheet" type="text/css" href="https://unpkg.com/ant-design-vue@1.7.4/dist/antd.css"/> <script src="https://unpkg.com/ant-design-vue@1.7.4/dist/antd.min.js"></script> |
| 组件前缀 | 首字母大写 | van- | el- | a- |
| 样式前缀 | ivu- | van- | el- | ant- |
| 网址 |
官网 GitHub Demo |
官网 GitHub Demo |
官网 GitHub Demo |
官网 GitHub |