@hlcloud/ui

基于 Element Plus 组件库二次封装

版本：[email protected] [email protected]

准备工作

项目中需要先安装Vue3、Element Plus

安装

pnpm i @hlcloud/ui

使用

• 在入口文件中导入样式

import '@hlcloud/ui/es/style.css'

• 使用组件

<template>
  <HlButton type="primary" :debounceWait="2000" @click="handleClick">
    防抖按钮
  </HlButton>
  <div>点击{{ count }}次</div>
</template>

<script setup lang="ts">
import { HlButton } from '@hlcloud/ui'
import { ref } from 'vue'

const count = ref(0)

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