1.0.4 • Published 6 years ago
cjy-ui-app v1.0.4
使用
1.安装
npm i cjy-ui-app
npm i element-ui2.使用
1.在main.js引入cjy-ui-app
###2.在main.js引入my-first-ui.css
import Vue from 'vue'
import App from './App.vue'
import myUi from 'cjy-ui-app'
import 'cjy-ui-app/my-first-ui.css'
import './api'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.config.productionTip = false
Vue.use(myUi)
Vue.use(ElementUI)
new Vue({
render: h => h(App),
}).$mount('#app')3.fafa组件
<my-ui-img imgSrc="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2834672970,2894095446&fm=26&gp=0.jpg"></my-ui-img>该组件展示默认花花
| 属性 | 类型 | 默认值 |
|---|---|---|
| imgSrc | String | fafa |
4.翻转名字组件
<my-ui-reversename name="小仙女"></my-ui-reversename>该组件用于翻转名字,传递一个name属性
| 属性 | 类型 | 默认值 |
|---|---|---|
| name | String | 小仙女 |
5.对话框组件
<my-ui-dialog dialogShow="true"></my-ui-dialog>该组件用于弹出对话框,默认弹出
| 属性 | 类型 | 默认值 |
|---|---|---|
| dialogShow | Boolean | true |