1.0.26 • Published 3 years ago
mwp-ui v1.0.26
智慧分级诊疗前端组件库
安装
通过npm安装
npm install mwp-ui
引入
全局引入
import Vue from 'vue';
import mwpUi from 'mwp-ui'
import 'mwp-ui/lib/styles/mwp-ui.css'
Vue.use(mwpUi)
按需引入
import Photo from 'mwp-ui/lib/photo'
import 'mwp-ui/lib/styles/photo.css'
如果嫌麻烦,可以使用 babel-plugin-component插件进行配置将其简化。
首先需要安装 babel-plugin-component
npm i babel-plugin-component -D
然后需要在.babelrc
文件中加入配置
"plugins": [
...
[
"component",
{
"libraryName": "mwp-ui",
"styleLibrary": {
"name": "styles",
"base": false
}
}
]
...
]
此时的引入方式可以改为:
import { Button } from 'mwp-ui'
Vue.component(Button.name, Button)
或者在sfc文件中按常规方式引入
import {Button} from 'mwp-ui'
...
components: {
Button
}
...
1.0.26
3 years ago
1.0.25
3 years ago
1.0.24
3 years ago
1.0.23
3 years ago
1.0.19
3 years ago
1.0.18
3 years ago
1.0.17
3 years ago
1.0.16
3 years ago
1.0.22
3 years ago
1.0.21
3 years ago
1.0.20
3 years ago
1.0.11
3 years ago
1.0.15
3 years ago
1.0.14
3 years ago
1.0.13
3 years ago
1.0.12
3 years ago
1.0.10
3 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.3
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago