wuui
  • README
  • 开发指南
    • 介绍
    • 快速上手
    • 定制主题
  • 基础组件
    • Button 按钮
    • Cell 单元格
    • Icon 图标
    • Image 图片
    • Popup 弹出层
    • Toast 轻提示
  • 表单组件
    • Checkbox 复选框
    • Field 输入框
    • Form 表单
    • Search 搜索
    • Signature 签名
    • Stepper 步进器
  • 导航组件
    • BackTop 回到顶部
    • Grid 宫格
    • NavBar 导航栏
  • 展示组件
    • CountDown 倒计时
    • Divider 分割线
    • Empty 空状态
    • Splash 过渡页
    • Tag 标签
  • 反馈组件
    • Loading 加载
    • SwipeCell 滑动单元格
  • 业务组件
    • ActionBar 商品动作栏
    • Card 商品卡片
    • SubmitBar 提交订单栏
Powered by GitBook
On this page
  • 介绍
  • 引入
  • API
  • @Props
  • Events
  • @BuilderParam
  1. 表单组件

Field 输入框

介绍

用户可以在文本框内输入或编辑文字。

引入

import { WuField } from '@itrain/wu-ui'

API

@Props

名称
说明
类型
是否必需
默认值

value

输入框绑定值

string

是

name

名称

string

否

label

标签

string

否

labelWidth

标签宽度

Length

否

'auto'

labelAlign

标签对齐方式

TextAlign

否

TextAlign.Start

placeholder

输入框占位提示文字

string

否

'请输入文本'

type

输入框类型

InputType

否

InputType.Normal

bgColor

背景颜色

ResourceColor

否

textArea

是否显示文本域

boolean

否

false

required

是否必需

boolean

否

false

errMessage

错误消息

ResourceStr

否

clearable

是否允许清空

boolean

否

false

inputBordered

输入区域是否显示边框线

boolean

否

true

rules

校验规则

WuFormRule[]

否

[]

Events

名称
说明
回调函数

@BuilderParam

名称
说明

customButton

自定义右侧按钮

PreviousCheckbox 复选框NextForm 表单

Last updated 7 months ago