安装依赖

npm install

启动开发服务器

npm run serve

构建生产环境版本

npm run build

代码检查与修复

npm run lint

打包组件为 NPM 包

npm run package

cari-ui 🧩

一个基于 Vue 的轻量级 UI 组件库，包含常用组件如按钮、表格设置等，适用于快速构建企业级前端应用。

📦 组件参数（Props）

按钮组件 CariButton

| 名称 | 类型 | 是否必需 | 示例值 | 说明 | |--------------|------------------|----------|----------------------|--------------------------| | label | String | 是 | "提交" | 按钮显示的文字 | | color | String | 否 | "#4caf50" | 按钮背景颜色 | | textColor | String | 否 | "white" | 按钮文字颜色 | | disabled | Boolean | 否 | true / false | 是否禁用按钮 | | size | String | 否 | "small" / "large"| 按钮尺寸，默认为 [medium] | | [width] | Number / String| 否 | 120 或 "120px" | 自定义宽度 | | [height] | Number / String| 否 | 50 或 "50px" | 自定义高度 | | radius | Number / String| 否 | 50% 或 "50px" | 自定义按钮圆角大小 | | loading | Boolean | 否 | true / false | 是否显示 loading 图标 | | throttleTime| Number | 否 | 1000 | 点击节流时间（毫秒） |

⚡️ 事件（Events）

按钮组件 CariButton

| 事件名 | 类型 | 示例值 | 说明 | |----------|------------|----------------------|--------------------------| | click | Function | @click="onSubmit" | 按钮被点击时触发 |

🧪 使用示例

<template>
  <div>
    <cari-button
      label="提交"
      color="#4caf50"
      textColor="white"
      size="medium"
      :throttle-time="1000"
      @click="onSubmit"
    />
    <cari-button label="禁用按钮" disabled />
  </div>
</template>

<script>
export default {
  methods: {
    onSubmit() {
      alert('按钮被点击了！');
    }
  }
}
</script>