Pumpkin-UI

基于Vue3的移动端UI组件库

快速开始

1. 安装依赖

使用npm

npm i @pumpkin-ui/mobile

也可使用yarn、pnpm等工具安装

#使用yarn

yarn add @pumpkin-ui/mobile


#使用pnpm

pnpm add @pumpkin-ui/mobile

2. 引入样式

在main.js中引入样式

import "@pumpkin-ui/mobile/lib/style.css"

3.引入组件

我们推荐使用局部引入组件，通过import引入组件，即可使用组件。

import { PkButton } from '@pumpkin-ui/mobile'

4.使用组件

在模板中使用相应标签。

如下示例代码：

<template>
    <div class="button-container">
        <pk-button text="primary 主按钮"></pk-button>
    </div>
</template>
<script lang="ts" setup>
import { PkButton } from '@pumpkin-ui/mobile'

</script>

项目地址

https://github.com/yranky/pumpkin-ui

开源协议

MIT License