vue-dyckui

项目简介

vue-dyckui 是一个基于 Vue 3 的移动端组件库，提供了丰富的 UI 组件和功能，用于快速开发移动端应用。

技术栈

• Vue 3、TypeScript
• Vite、Less

安装

npm install vue-dyckui

引入组件

1. 全局引入

在 main.js 中引入组件库：

import { createApp } from 'vue'
import App from './App.vue'
import vueDyckui from 'vue-dyckui'
import 'vue-dyckui/dist/style.css'

const app = createApp(App)
app.use(vueDyckui)
app.mount('#app')

2. 按需引入

import { createApp } from 'vue'
import App from './App.vue'
import { Button, Dialog } from 'vue-dyckui'
import 'vue-dyckui/dist/style.css'

const app = createApp(App)
app.component('SButton', Button)
app.component('SDialog', Dialog)
app.mount('#app')

组件列表

| 组件名 | 描述 | | --- | --- | | Button | 按钮组件 | | Dialog | 对话框组件 | | Divider | 分割线组件 | | DropdownSelect | 下拉选择组件 | | DropdownWithBadge | 带徽章的下拉组件 | | FilterDrawer | 筛选抽屉组件 | | Footer | 页脚组件 | | InfiniteScroll | 无限滚动组件 | | Popup | 弹出层组件 | | PullRefresh | 下拉刷新组件 | | Swiper | 轮播图组件 | | Toast | 轻提示组件 |

开发

安装依赖

npm install

开发运行

npm run dev

构建组件库

npm run build

预览构建

npm run preview

目录结构

src/
  components/       # 组件库
    Button/        # 按钮组件
    Dialog/        # 对话框组件
    ...            # 其他组件
  styles/          # 样式文件
  utils/           # 工具函数
  index.ts         # 组件库入口
  main.ts          # 应用入口

贡献

欢迎提交 Issue 和 Pull Request！

许可证

MIT License