Guld-ui NPM | npm.io

Features

🎒 Vue 3
🚀 Vite
🚇 pinia
🐟 TypeScript

Install

Using npm to install:

# install latest Vant for Vue 3 project
npm install guld-ui

Using yarn or pnpm:

# with yarn
yarn add guld-ui

# with pnpm
pnpm add guld-ui

Quickstart

import Guld from 'guld-ui'
import 'guld-ui/dist/style.css'
import { createApp } from 'vue';
const app = createApp(App)
app.use(Guld)

// use
<g-button class="button">button</g-button>

Button

属性

属性名	类型	可选值	默认值	描述
size	string	small,normal,large	normal	控制button大小
loading	boolean	false,true	false	显示按钮是否处于loading状态
round	boolean	false,true	false	是否为圆角
type	string	primary,success,error,info	info	按钮的类型，也就是实际上的颜色
disabled	boolean	false,true	false	按钮的点击状态
long	boolean	false,true	false	横向填充满

Input

属性

属性名	类型	可选值	默认值	描述
type	string	原生input所有type值（除了textarea）	password	类型
placeholder	string	-	-	输入占位文本
disabled	boolean	true,false	false	是否禁用
readonly	boolean	true,false	false	是否只读

input事件

事件名	说明	参数
change	仅当 modelValue 改变时，当输入框失去焦点或用户按Enter时触发	value: string	number
input	在 Input 值改变时触发	value: string	number