cunzhang-ui

vue中使用的一个组件库，仅支持vue3.x版本。目前在调试测试中。。。

使用

目前是测试简单的button、message组件

vue3.x中使用

main.js引入

import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)

// 引入css样式
import 'cunzhang-ui/lib/cunzhang-ui.css'

// 全局引入
// import cunzhang from 'cunzhang-ui'
// app.use(cunzhang)

// 按需引入
import {czButton, czMessage} from 'cunzhang-ui'
app.use(czButton)
app.use(czMessage)

app.mount('#app')

.vue文件中使用

// html

<cz-button @click="clickMe">点击我</cz-button>
<cz-button type="default">默认按钮</cz-button>
<cz-button type="primary">主要按钮</cz-button>
<cz-button type="success">成功按钮</cz-button>
<cz-button type="warning">告警按钮</cz-button>
<cz-button type="danger">危险按钮</cz-button>
<cz-message ref="message"></cz-message>

// script

clickMe() {
  //czMessage(text, type, timeout), 
  // text是显示的文本; 
  // type是类型: info,success,warning,error
  // timeout是显示时间,默认3000；
  this.$refs.message.czMessage('我是村长，测试中...'，'success', 3500)
}