xi-ui-plug

"这是一个测试版本"

Usage no npm install needed!

<script type="module">
  import xiUiPlug from 'https://cdn.skypack.dev/xi-ui-plug';
</script>

README

使用

1.安装

npm i xi-ui-plug

2.使用

1.在main.js引入xi-ui-plug

2.在main.js引入xi-ui-plug/xi-ui.css

import Vue from 'vue'
import App from './App.vue'
import xiUi from "xi-ui-plug"   //引入ui组件
import "xi-ui-plug/xi-ui.css"   //引入ui组件样式

Vue.config.productionTip = false
Vue.use(xiUi);

new Vue({ 
  render: h => h(App),
}).$mount('#app')

3.图片组件

 <xi-ui-img></xi-ui-img>

该组件默认展示表情包

属性 类型 默认值
imgSrc String https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=250784360,2406857110&fm=26&gp=0.jpg

4.翻转名字组件

<xi-ui-reversename name="倒霉的一天"></xi-ui-reversename>

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

属性 类型 默认值
name String 无