Skip to content

README.md

Latest commit

 

History

History
72 lines (52 loc) · 1.58 KB

README.md

File metadata and controls

72 lines (52 loc) · 1.58 KB

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
input 在 Input 值改变时触发 value: string