设计师必须要了解的Mobile端组件 | 全栈总结
移动端设计的组件元素有哪些？设计师值得了解的Mobile端组件库
导读
本文以“有赞”为例，新手设计必须要全面了解的移动端组件。
目录
基础组件
1、Button 按钮
2、Cell 单元格
3、Icon 图标
4、Image 图片
5、Layout 布局
6、Popup 弹出层
表单组件
1、Checkbox 复选框
2、DatetimePicker 时间选择
3、Field 输入框
4、NumberKeyboard 数字键盘
5、Passwordinput 密码输入框
6、Picker 选择器
7、Radio 单选框
8、Rate 评分
9、Search 搜索
10、Slider 滑块
11、Stepper 步进器
12、Switch 开关
13、SWitchCell 开关单元格
14、Uploader 图片上传
展示组件
1、Circle 环形进度条
2、Collapse 折叠面板
3、ImagePreview 图片懒加载
4、List 列表
5、NoticeBar 通知栏
6、Panel 面板
7、Progress 进度条
8、Skeleton 骨架屏
9、Steps 步骤条
10、Swipe 轮播
11、Tag 标记
表单组件
1、IndexBar 索引栏
2、NavBar 导航栏
3、Pagination 分页
4、Sidebar 侧边导航
5、Tab 标签页
6、Tabbar 标签栏
7、TreeSelect 分类选择
表单组件
1、AddressEdit 地址编辑
2、AddressList 地址列表
3、Area 省市区选择
4、Card 商品卡片
5、Contact 联系人
6、Coupon 优惠券
7、GoodsAction 商品导航
8、SubmitBar 提交订单栏
9、Sku 商品规格
1、Button 按钮
2、Cell 单元格
3、Icon 图标
4、Image 图片
6、Popup 弹出层
1、Checkbox 复选框
2、DatetimePicker 时间选择
3、Field 输入框
4、NumberKeyboard 数字键盘
5、Passwordinput 密码输入框
6、Picker 选择器
7、Radio 单选框
8、Rate 评分
9、Search 搜索
10、Slider 滑块
11、Stepper 步进器
12、Switch 开关
异步控制-弹出提醒弹窗，确认开关
13、SWitchCell 开关单元格
14、Uploader 图片上传
1、ActionSheet 上拉菜单
基础用法：数组的每一项是一个对象
选项状态：选项可以设置为加载状态或禁用状态
展示取消按钮：会在底部展示取消按钮，点击后关闭当前菜单
展示标题栏：设置title属性展示标题栏，同时可以使用插槽自定义菜单内容，也可以加List对象。
2､ Dialog 弹出框
消息提示：用于提示一些消息，只包含一个确认按钮；
消息确认：用于确认消息，包含取消和确认按钮;
组件调用：如果需要在弹窗内嵌入组件或其他自定义内容，可以使用组件调用的方式；
3､DropdownMenu 下拉菜单
4､Loading 加载
5､Notify 消息通知
6､SwipeCell 滑动单元格
7､Toast 轻提示
这其实是一种弱化版的对话框。它就像气泡一样，在界面上展示短暂的时间（ 1.5 秒或 3 秒），然后自动消失。它不强制用户做任何操作和确认，所以对用户的打扰比对话框小。气泡一般用来确认用户执行的任务状态或者操作结果，也可以向用户提示一些轻量的信息，如：网络异常、加载失败等。
页面能及时看到状态变化的，不能再使用气泡提示，以免造成过度反馈
1、Circle 环形进度条
2、Collapse 折叠面板
3、ImagePreview 图片懒加载
4、List 列表
5、NoticeBar 通知栏
6、Panel 面板
7、Progress 进度条
8、Skeleton 骨架屏
9、Steps 步骤条
10、Swipe 轮播
11、Tag 标记
1、IndexBar 索引栏
2、NavBar 导航栏
3、Pagination 分页
4、Sidebar 侧边导航
5、Tab 标签页
6、Tabbar 标签栏
7、TreeSelect 分类选择
1、AddressEdit 地址编辑
2、AddressList 地址列表
3、Area 省市区选择
4、Card 商品卡片
5、Contact 联系人
6、优惠券
7、GoodsAction 商品导航+提交订单栏
8、商品规格
