0.4.9 • Published 3 years ago
cunzhang-ui v0.4.9
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)
}
0.4.9
3 years ago
0.4.8
3 years ago
0.4.7
3 years ago
0.4.6
3 years ago
0.4.5
3 years ago
0.4.4
3 years ago
0.4.3
3 years ago
0.4.2
3 years ago
0.3.9
3 years ago
0.3.6
3 years ago
0.3.8
3 years ago
0.3.7
3 years ago
0.4.1
3 years ago
0.4.0
3 years ago
0.3.5
3 years ago
0.3.2
3 years ago
0.3.4
3 years ago
0.3.3
3 years ago
0.3.1
3 years ago
0.3.0
3 years ago
0.2.9
3 years ago
0.2.8
3 years ago
0.2.7
3 years ago
0.2.6
3 years ago
0.2.5
3 years ago
0.2.4
3 years ago
0.2.3
3 years ago
0.2.2
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago
0.1.9
3 years ago
0.1.8
3 years ago
0.1.7
3 years ago
0.1.6
3 years ago
0.1.5
3 years ago
0.1.4
3 years ago
0.1.3
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.0
3 years ago