移动端UI名词

组件分类

 

通用类
    • 按钮(Button):用于触发操作。
    • 图标(Icon):提供各种图标资源,用于界面装饰和操作指示1

 

布局类
    • 宫格(Grid):用于排列和展示多个项目,常用于列表和网格布局1
数据展示类
    • 头像(Avatar):用于展示用户头像。
    • 徽标(Badge):用于展示数字或状态标识。
    • 轮播图(Carousel):用于展示多张图片或内容。
    • 单元格(Cell):用于展示列表项或单个数据项。
    • 折叠面板(Collapse):用于展示可折叠的内容。
    • 倒计时(CountDown):用于展示倒计时。
    • 文本缩略(Ellipsis):用于展示文本溢出时的省略号。
    • 图片(Image):用于展示图片。
    • 图片预览(ImagePreview):用于预览图片。
    • 通知栏(NoticeBar):用于展示系统通知。
    • 气泡卡片(Popover):用于展示弹出式卡片。
    • 步骤条(Steps):用于展示步骤流程。
    • 标签(Tag):用于标记和分类1
数据输入类
    • 复选框(Checkbox):用于选择多个选项。
    • 日期时间选择器(DatePicker):用于选择日期和时间。
    • 图片选择器(ImagePicker):用于选择图片。
    • 输入框(Input):用于输入文本。
    • 选择器(Picker):用于选择列表项。
    • 单选框(Radio):用于选择一个选项。
    • 评分(Rate):用于评分。
    • 滑动输入条(Slider):用于选择数值。
    • 开关(Switch):用于切换开关状态。
    • 多行文本框(Textarea):用于输入多行文本1
反馈类
    • 动作面板(ActionSheet):用于展示操作菜单。
    • 环形进度条(CircleProgress):用于展示环形进度条。
    • 对话框(Dialog):用于展示对话框。
    • 加载更多(LoadMore):用于分页加载更多内容。
    • 加载(Loading):用于展示加载状态。
    • 消息通知(Notify):用于展示消息通知。
    • 弹出层(Popup):用于展示弹出层。
    • 可滑动弹出层(PopupSwiper):用于展示可滑动的弹出层。
    • 进度条(Progress):用于展示进度条。
    • 轻提示(Toast):用于展示轻提示1
导航类
    • 下拉面板(Dropdown):用于展示下拉面板。
    • 下拉选择菜单(DropdownMenu):用于展示下拉选择菜单。
    • 导航栏(NavBar):用于展示导航栏。
    • 分页器(Pagination):用于分页展示。
    • 标签栏(TabBar):用于展示标签栏。
    • 选项卡(Tabs):用于展示选项卡1

移动端UI名词

发表评论
暂无评论