WeUI组件
一、概述
- WeUI组件库官方文档
- WeUI组件库Git仓库
- weui-wxss样式库Git仓库:开发者工具打开dist目录,可查看样式demo
也可以扫描二维码查看样式:

二、组件与样式库
2.1、表单
- button :按钮
- 普通型
- 底部悬浮型
- form :表单
- 表单结构
- 输入框状态
- 验证码
- 底部悬浮
- 跳转列表项
- 复选框
- 单选框
- 开关
- 选择框
- 文本域
- 上下结构
- list :列表
- 带说明的列表项
- 带图标、说明的列表项
- 带跳转的列表项
- 带说明、跳转的列表项
- 带图标、说明、跳转的列表项
- slideview :滑动操作
- 滑动文字按钮
- 滑动图标按钮
- slider:滑块
- uploader :图片上传
- 缩略图不带删除
- 缩略图带删除
2.2、基础组件
- article :文章
- 多级标题
- 多级列表
- badge :徽章
- 右侧显示
- 左侧显示
- flex:流式布局
- footer:页脚
- gallery:画廊,图片预览
- grid:网格布局
- icons :图标
- 成功
- 提示
- 普通警告
- 强烈警告
- 等待
- loading :等待状态
- 旋转圆圈
- 横向点点点
- loadmore :加载更多
- 正在加载
- 暂无数据
- panel :画板
- 图文组合列表
- 文字组合列表
- 小图文组合列表
- 文字列表附来源
- preview:表单预览
- progress:进度条
- steps :步骤条
- 垂直型
- 水平型
2.3、操作反馈
- actionsheet :弹出式菜单
- 下方弹出
- dialog:对话框
- falf-screen-dialog :半屏组件
- 下方弹出
- msg :提示页
- 成功提示页
- 失败提示页
- 无图标提示页
- key-value列表场景
- 提示列表场景
- 跳转列表场景
- picker :选择器
- 单列选择器
- 时间选择器
- 日期选择器
- toast :弹出式提示
- 成功提示
- 失败提示
- 长文案提示
- 正在加载提示
- 文字提示
- 信息提示条 :
- 强警告
- 弱警告
- 信息提示
- 强提示
- 弱提示
2.4、导航相关
- navigation-bar:顶部导航栏
- tabbar:底部导航栏
2.5、搜索相关
- searchbar :搜索栏
- Filled Default:灰色底
- Filled Grey:白色底
- Outlined:带取消按钮
- Homepage:带拍照上传