Welink ui组件介绍

举报
云会议运营喵大人 发表于 2020/02/18 19:10:35 2020/02/18
【摘要】 组件介绍使用说明基于 WeUI 提供的UI库,其中包括各种类型的组件(按钮、表单、对话框等),开发者通过添加对应的样式名称即可使用组件。 接入WeLink的We码小程序必须引用此套样式库,以下为引用方式:引入统一的css文件。若使用平台提供的模板,则默认已经引入该css文件。<link rel="stylesheet" href="../../../../common/css/hwh5.cs...

组件介绍


使用说明

基于 WeUI 提供的UI库,其中包括各种类型的组件(按钮、表单、对话框等),开发者通过添加对应的样式名称即可使用组件。 接入WeLink的We码小程序必须引用此套样式库,以下为引用方式:

  • 引入统一的css文件。

若使用平台提供的模板,则默认已经引入该css文件。

<link rel="stylesheet" href="../../../../common/css/hwh5.css" />

基础组件

组件名称描述
DefaultPage缺省页,主要用于错误提示
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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。