Ant Design Mini
指南
组件
资源
发布日志
仓库地址
Ant Design Mini
指南
组件
资源
发布日志
仓库地址
通用
Button 按钮
Icon 图标
导航
TabBar 底部导航栏
Tabs 标签页
VTabs 纵向Tabs
信息展示
Avatar 头像
BladeView 索引
Collapse 折叠面板
Container 容器
Divider 分割线
Empty 空状态
FloatPanel 滑动面板
Footer 页脚
Grid 宫格
GuideTour 新手引导
List 列表
ProgressBar 进度条
Steps 步骤条
SwipeAction 滑动操作
Tag 标签
信息输入
Checkbox 复选框
CheckboxGroup 复选框组
Checklist 可勾选列表
DatePicker 时间选择器
Filter 筛选卡
ImageUpload 图片上传
Input 输入框
Picker 选择器
RadioGroup 单选框
SearchBar 搜索框
Selector 选择组
Slider 滑块
Stepper 步进器
Switch 开关
Terms 协议
VideoUpload 视频上传
引导提示
Badge 徽标
NoticeBar 通告栏
Tips 向导提示
反馈
ActionSheet 动作面板
Dialog 对话框
Loading 加载
Mask 背景蒙层
Modal 弹窗
Popover 气泡菜单
Popup 弹出层
ProgressCircle 进度圈
Rate 评分
Result 操作结果
Skeleton 骨架屏
Toast 轻提示
实验性质的组件
Form 表单
SafeArea 安全区
代码示例
基本使用
属性
样式类
SafeArea 安全区
刘海屏安全区域组件
代码示例
基本使用
属性
属性
类型
必填
默认值
说明
position
'bottom' | 'top' | 'both'
否
'both'
安全区位置
className
string
否
''
类名
样式类
类名
说明
amd-safe-area
整体样式
amd-safe-area-top
顶部安全区域
amd-safe-area-bottom
底部安全区域