Welink React-ui组件介绍
【摘要】 组件介绍使用说明React-UI组件是基于React框架开发的样式库，其中包括各种类型的组件（按钮、表单、对话框等），开发者通过添加对应的样式名称即可使用组件。 接入WeLink的We码小程序必须引用此套样式库，引用方式有以下两种：引入统一的css文件。若使用平台提供的模板，则默认已经引入该css文件。<link rel="stylesheet" href="../../../../comm...
组件介绍
使用说明
React-UI组件是基于React框架开发的样式库，其中包括各种类型的组件（按钮、表单、对话框等），开发者通过添加对应的样式名称即可使用组件。 接入WeLink的We码小程序必须引用此套样式库，引用方式有以下两种：
引入统一的css文件。
若使用平台提供的模板，则默认已经引入该css文件。
<link rel="stylesheet" href="../../../../common/css/hwh5.css" />
在 JS 页面中引入相关的UI组件。例如：
import { Input, Button, List, ... } from '@wecode/react-weui';
基础组件
| 组件名称 | 描述 |
|---|---|
| ExceptionTip | 缺省页，主要用于错误提示 |
| Icon | 图标 |
| HeadIcon | 头像图标 |
| Progress | 进度条 |
| Stepper | 步进器 |
| Pulltorefresh | 下拉刷新 |
| Timeline | 时间轴 |
表单组件
| 组件名称 | 描述 |
|---|---|
| Form | 表单（纯展示） |
| FormAccess | 表单（选择） |
| FormInput | 表单（文本框） |
| FormTextarea | 表单（文本域） |
| Button | 按钮 |
| Input | 表单输入框 |
| List | 列表 |
| ListDouble | 双行 |
| ListView | 资讯类列表 |
| Picker | 多列选择器 |
| Switch | 开关 |
| Radio | 单选按钮 |
| Checkbox | 多选按钮 |
| Slider | 滑块 |
| Uploader | 上传组件 |
| Tabselection | 分段选择 |
操作与反馈组件
| 组件名称 | 描述 |
|---|---|
| ActionSheet | 上滑列表 |
| Dialog | 提示框 |
| Confirm | 输入类提示框 |
导航栏组件
| 组件名称 | 描述 |
|---|---|
| NavBar | 二级导航栏 |
| NavBarChild | 三级导航栏 |
| TabBar | 标签栏 |
| TabBarButton | 标签栏（文本） |
搜索组件
| 组件名称 | 描述 |
|---|---|
| SearchBar | 搜索框 |
筛选组件
| 组件名称 | 描述 |
|---|---|
| Dropdown | 下拉筛选 |
| Screen | 筛选漏斗 |
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）