PinkJoe UI
一个基于 Vue3 / TypeScript 开发的 UI 库
预览地址:http://alibaba_9_1839745911.gitee.io/pinkjoe-website
特别说明
这款组件库其实是我为了学习vue3
以及巩固自己知识而写。
全程亲手编写,尽量不采用第三方库,包括你看到的官网也几乎都是我自己写的。
此库纯属个人练手项目,未经过系统严格的测试,所以强烈不建议你将此 UI 库用于生产环境!
运行方式
克隆项目之后运行:
npm i
yarn dev
打包
yarn build
安装
npm i PinkJoe-ui -S
开始
在你的代码中写入下面的代码
import {PJButton, PJTabs, PJTab, PJSwitch, PJDialog, openDialog} from "PinkJoe-ui"
import "PinkJoe-ui/dist/lib/PinkJoe.css";
代码示例
<template>
<PJ-button>按钮</PJ-button>
</template>
<script>
import {PJButton, PJTabs, PJTab, PJSwitch, PJDialog, openDialog} from "PinkJoe-ui"
import "PinkJoe-ui/dist/lib/PinkJoe.css";
export default {
components: {PJButton}
}
</script>
0.0.0
3 years ago