使用

1.安装

npm i qf-ui-1907

2.使用

1.在main.js引入qf-ui-1907

###2.在main.js引入qf-ui-1907.css

import Vue from 'vue'
import App from './App.vue'
import qfUi from "qf-ui-1907"//引入ui组件
import "qf-ui-1907/qf-ui-1907.css"//引入ui组件样式
Vue.config.productionTip = false
Vue.use(qfUi)
new Vue({
  render: h => h(App),
}).$mount('#app')

3.蔡徐坤组件

<qf-ui-img></qf-ui-img>

该组件默认展示蔡徐坤

| 属性 | 类型 | 默认值 | | ------ | ------ | ------- | | imgSrc | String | cxj.png |

4.翻转名字组件

<qf-ui-reversename name="梅梅韩"></qf-ui-reversename>

说明:该组件用于翻转名字,传递一个name属性

| 属性 | 类型 | 默认值 | | ---- | ------ | ------ | | name | String | 无 |