af-mobile · Design System
组件 Demo
原生 Web Components · Mobile-first · 35 组件
核心组件
af-list 长列表（虚拟滚动）
af-swiper 轮播滑动
af-tabs 标签页
af-dialog 模态对话框
af-toast 轻提示
af-action-sheet 底部面板
af-picker 滚轮选择器
af-dropdown 下拉菜单
af-img 懒加载图片
af-backtop 回到顶部
af-switch 开关
af-search-bar 搜索栏
af-skeleton-page 骨架屏
af-upload 文件上传
af-notice-bar 公告通知栏
af-badge 徽标角标
af-calendar 日历
af-cascade-picker 级联选择器
交互组件
af-field 表单字段
af-number-keyboard 数字键盘
af-password-input 密码/验证码输入
af-chat AI 对话容器
af-navbar 顶部导航栏
af-pull-refresh 下拉刷新
af-rate 评分
af-stepper 步进器
af-swipe-cell 滑动单元格
af-tabbar 底部标签栏
af-progress 进度条
af-steps 步骤条
af-countdown 倒计时
perf 性能监测（web-vitals）
图表组件
af-chart-line 折线/面积/散点
af-chart-bar 柱状/条形/堆叠
af-chart-pie 饼/环形/玫瑰
af-chart-radar 雷达画像
af-chart-funnel 转化漏斗
af-chart 联动场景（KPI卡 + tabs + 主题切换）
集成范式
kitchen-sink 云境咖啡全量范式（路由 + 状态 + i18n + 主题）