1.0.4 • Published 5 years ago
cjy-ui-app v1.0.4
使用
1.安装
npm i cjy-ui-app
npm i element-ui
2.使用
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 |