1.1.0 • Published 6 years ago
maple-leaf-ui v1.1.0
使用
1.安装
npm i maple-leaf-ui
2.使用
1.在main.js引入maple-leaf-ui
###2.在main.js引入maple-leaf-ui.css
import Vue from "vue";
import App from "./App.vue";
import mapleUi from "maple-leaf-ui"//引入ui组件
import "maple-leaf-ui/maple-leaf-ui.css"//引入ui组件样式
Vue.config.productionTip = false;
Vue.use(mapleUi)
new Vue({
render: h => h(App)
}).$mount("#app");
3.皮卡丘组件
<leaf-ui-img></leaf-ui-img>
该组件默认展示皮卡丘
属性 | 类型 | 默认值 |
---|---|---|
imgSrc | String | pkq.jpg |
4.翻转名字
<maple-ui-reverse name="你好呀太阳 风儿为什么不能跟你同遨游呢?"></maple-ui-reverse>
说明:该组件用于翻转名字,传递一个name属性
属性 | 类型 | 默认值 |
---|---|---|
name | String | 你好呀太阳 风儿为什么不能跟你同遨游呢? |
5.点击弹出模式
<maple-ui-lodia></maple-ui-lodia>
说明:这是一个测试的 该组件用于点击出现复选框