cq-ui-lib

一个基于 Vue 3 + Vite 的前端组件库。

安装

npm i @sherryc/cq-ui-lib

使用

全量引入（推荐）

import { createApp } from 'vue'
import App from './App.vue'

import CqUiLib from '@sherryc/cq-ui-lib'
import '@sherryc/cq-ui-lib/dist/style.css'

createApp(App).use(CqUiLib).mount('#app')

按需引入

import { createApp } from 'vue'
import App from './App.vue'

import { Button, Marquee } from '@sherryc/cq-ui-lib'
import '@sherryc/cq-ui-lib/dist/style.css'

const app = createApp(App)
app.component('CqButton', Button)
app.component('CqMarquee', Marquee)
app.mount('#app')

组件使用示例

<template>
  <CqButton>按钮</CqButton>
  <CqMarquee text="这是一段滚动公告" :startDelay="2" :speed="40" />
</template>

组件

• Button: CqButton
• Marquee: CqMarquee

Marquee Props

| 参数 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | text | 滚动文本（支持 HTML） | string | 必填 | | startDelay | 开始滚动延迟（秒） | number | 2 | | speed | 滚动速度（px/s） | number | 40 |

兼容性

• Vue: ^3.3.0（peer dependency）