goodluck-ui

goodluck-ui

介绍

vue3 ui 组件库

使用 composition api+ typescript

下载 /download

npm i -s goodluck-ui

使用

import { createApp } from 'vue'
import App from './App.vue'
import goodluck from 'goodluck-ui'
import 'goodluck-ui/lib/goodluck-ui.css'
const app = createApp(App)
app.use(goodluck)

项目安装依赖 /npm insatll

npm i

项目运行查看组件示例 /npm run serve to see demos

npm run serve

组件

按钮 button

按钮属性 /Button Attributes

参数	说明	类型	可选值	默认值
type	按钮种类	String	blue/yellow/green/red	blue
dot	右上方显示一个小圆点标记	Boolean	true/false	false
badge	右上方标记内容	String	-	-
badgeColor	右上方标记背景色	String	-	yellow
max	如果 badge 字符串是数字，可以指定这个数字的最大值，超过最大值则显示 +	String	-	-

demo

<g-button>登录</g-button>
<g-button type="red">通过</g-button>
<g-button type="green">通过</g-button>
<g-button type="yellow">通过</g-button>
<g-button dot>通过</g-button>
<g-button dot badgeColor="pink">通过</g-button>
<g-button badge="100">通过</g-button>
<g-button badge="100" max="50">通过</g-button>