Skip to content

cxzhub/cxz-ui

Repository files navigation

cxz-ui

基于 Element Plus 组件库二次封装

准备工作

项目中需要先安装Vue3Element Plus

安装

pnpm i cxz-ui

使用

  • 在入口文件中导入样式
import 'cxz-ui/es/style.css'
  • 示例
<template>
  <CxzButton type="primary" :debounceWait="2000" @click="handleClick">
    防抖按钮
  </CxzButton>
  <div>点击{{ count }}次</div>
</template>

<script setup lang="ts">
import { CxzButton } from 'cxz-ui'
import { ref } from 'vue'

const count = ref(0)

const handleClick = () => {
  count.value++
}
</script>