ckb-SuperAdmin/nkebao/ANTD_MOBILE_ICONS.md

# Ant Design Mobile 图标完整列表

## 📋 图标分类

### 🔗 基础图标 (Outline)
- `AddOutline` - 添加
- `AppOutline` - 应用
- `ArrowDownOutline` - 向下箭头
- `ArrowLeftOutline` - 向左箭头
- `ArrowRightOutline` - 向右箭头
- `ArrowUpOutline` - 向上箭头
- `AudioOutline` - 音频
- `BarChartOutline` - 柱状图
- `BellOutline` - 铃铛
- `BookOutline` - 书本
- `CalendarOutline` - 日历
- `CameraOutline` - 相机
- `CheckOutline` - 勾选
- `ClockCircleOutline` - 时钟
- `CloseOutline` - 关闭
- `DeleteOutline` - 删除
- `DownlandOutline` - 下载
- `EditSOutline` - 编辑
- `EllipsisOutline` - 省略号
- `EyeOutline` - 眼睛
- `FileOutline` - 文件
- `FilterOutline` - 筛选
- `FireOutline` - 火焰
- `FlagOutline` - 旗帜
- `FolderOutline` - 文件夹
- `GiftOutline` - 礼物
- `HeartOutline` - 心形
- `HomeOutline` - 首页
- `ImageOutline` - 图片
- `LeftOutline` - 左箭头
- `LikeOutline` - 点赞
- `LinkOutline` - 链接
- `LocationOutline` - 位置
- `LockOutline` - 锁定
- `MailOutline` - 邮件
- `MessageOutline` - 消息
- `MoreOutline` - 更多
- `PayCircleOutline` - 支付
- `PhoneOutline` - 电话
- `PictureOutline` - 图片
- `PlayOutline` - 播放
- `PlusOutline` - 加号
- `RightOutline` - 右箭头
- `ScanOutline` - 扫描
- `SearchOutline` - 搜索
- `SendOutline` - 发送
- `SettingOutline` - 设置
- `ShareOutline` - 分享
- `ShopbagOutline` - 购物袋
- `StarOutline` - 星星
- `TeamOutline` - 团队
- `ThumbsUpOutline` - 点赞
- `TimeOutline` - 时间
- `UnlockOutline` - 解锁
- `UserOutline` - 用户
- `VideoOutline` - 视频
- `VoiceOutline` - 语音

### 🎨 填充图标 (Fill)
- `AddCircleFill` - 添加圆形
- `AppFill` - 应用填充
- `AudioFill` - 音频填充
- `BellFill` - 铃铛填充
- `BookFill` - 书本填充
- `CalendarFill` - 日历填充
- `CameraFill` - 相机填充
- `CheckCircleFill` - 勾选圆形
- `ClockCircleFill` - 时钟圆形
- `CloseCircleFill` - 关闭圆形
- `DeleteFill` - 删除填充
- `DownlandFill` - 下载填充
- `EditSFill` - 编辑填充
- `EyeFill` - 眼睛填充
- `FileFill` - 文件填充
- `FilterFill` - 筛选填充
- `FireFill` - 火焰填充
- `FlagFill` - 旗帜填充
- `FolderFill` - 文件夹填充
- `GiftFill` - 礼物填充
- `HeartFill` - 心形填充
- `HomeFill` - 首页填充
- `ImageFill` - 图片填充
- `LeftFill` - 左箭头填充
- `LikeFill` - 点赞填充
- `LinkFill` - 链接填充
- `LocationFill` - 位置填充
- `LockFill` - 锁定填充
- `MailFill` - 邮件填充
- `MessageFill` - 消息填充
- `MoreFill` - 更多填充
- `PayCircleFill` - 支付圆形
- `PhoneFill` - 电话填充
- `PictureFill` - 图片填充
- `PlayFill` - 播放填充
- `PlusCircleFill` - 加号圆形
- `RightFill` - 右箭头填充
- `ScanFill` - 扫描填充
- `SearchFill` - 搜索填充
- `SendFill` - 发送填充
- `SettingFill` - 设置填充
- `ShareFill` - 分享填充
- `ShopbagFill` - 购物袋填充
- `StarFill` - 星星填充
- `TeamFill` - 团队填充
- `ThumbsUpFill` - 点赞填充
- `TimeFill` - 时间填充
- `UnlockFill` - 解锁填充
- `UserFill` - 用户填充
- `VideoFill` - 视频填充
- `VoiceFill` - 语音填充

### 📊 图表图标
- `BarChartOutline` - 柱状图
- `LineChartOutline` - 折线图
- `PieOutline` - 饼图
- `AreaOutline` - 面积图
- `RadarOutline` - 雷达图
- `ScatterOutline` - 散点图

### 🔧 功能图标
- `AddOutline` - 添加
- `DeleteOutline` - 删除
- `EditSOutline` - 编辑
- `SearchOutline` - 搜索
- `FilterOutline` - 筛选
- `SettingOutline` - 设置
- `MoreOutline` - 更多
- `CloseOutline` - 关闭
- `CheckOutline` - 勾选

### 📱 通信图标
- `MessageOutline` - 消息
- `PhoneOutline` - 电话
- `MailOutline` - 邮件
- `SendOutline` - 发送
- `VoiceOutline` - 语音
- `VideoOutline` - 视频

### 👥 用户图标
- `UserOutline` - 用户
- `TeamOutline` - 团队
- `HeartOutline` - 心形
- `LikeOutline` - 点赞
- `ThumbsUpOutline` - 点赞

### 🛍️ 商业图标
- `ShopbagOutline` - 购物袋
- `PayCircleOutline` - 支付
- `GiftOutline` - 礼物
- `StarOutline` - 星星

### 📁 文件图标
- `FileOutline` - 文件
- `FolderOutline` - 文件夹
- `ImageOutline` - 图片
- `PictureOutline` - 图片
- `CameraOutline` - 相机

### 🎵 媒体图标
- `AudioOutline` - 音频
- `VideoOutline` - 视频
- `PlayOutline` - 播放
- `VoiceOutline` - 语音

### 📅 时间图标
- `CalendarOutline` - 日历
- `ClockCircleOutline` - 时钟
- `TimeOutline` - 时间

### 🔒 安全图标
- `LockOutline` - 锁定
- `UnlockOutline` - 解锁
- `EyeOutline` - 眼睛

### 📍 位置图标
- `LocationOutline` - 位置
- `FlagOutline` - 旗帜

### 🔗 导航图标
- `ArrowUpOutline` - 向上箭头
- `ArrowDownOutline` - 向下箭头
- `ArrowLeftOutline` - 向左箭头
- `ArrowRightOutline` - 向右箭头
- `LeftOutline` - 左箭头
- `RightOutline` - 右箭头

## 🎨 使用示例

### 基础用法
```tsx
import { AddOutline, UserOutline, SettingOutline } from 'antd-mobile-icons';

// 在组件中使用
<AddOutline />
<UserOutline />
<SettingOutline />
```

### 自定义样式
```tsx
import { HeartOutline } from 'antd-mobile-icons';

// 自定义颜色和大小
<HeartOutline style={{ color: '#ff4d4f', fontSize: 24 }} />
```

### 在项目中的使用
```tsx
// 工作台页面示例
const features = [
  {
    icon: <ThumbsUpOutline style={{ color: "#ff4d4f" }} />,
    name: "自动点赞"
  },
  {
    icon: <MessageOutline style={{ color: "#1890ff" }} />,
    name: "AI对话助手"
  },
  {
    icon: <BarChartOutline style={{ color: "#531dab" }} />,
    name: "AI数据分析"
  }
];
```

## 📝 注意事项

1. **图标命名规则**: 所有图标都以 `Outline` 或 `Fill` 结尾
2. **导入方式**: 从 `antd-mobile-icons` 包中导入
3. **样式定制**: 可以通过 `style` 属性自定义颜色、大小等
4. **响应式**: 图标支持响应式设计，可以配合 CSS 媒体查询使用
5. **可访问性**: 图标支持 `aria-label` 等无障碍属性

## 🔗 相关资源

- [Ant Design Mobile 官方文档](https://mobile.ant.design/)
- [图标组件文档](https://mobile.ant.design/zh/components/icon)
- [图标库 GitHub](https://github.com/ant-design/ant-design-mobile)

## 📊 项目中已使用的图标

### 工作台页面
- `ThumbsUpOutline` - 自动点赞
- `MessageOutline` - AI对话助手
- `SendOutline` - 群消息推送
- `TeamOutline` - 自动建群
- `ShareOutline` - 流量分发
- `AppOutline` - AI策略优化
- `BarChartOutline` - AI数据分析
- `LineChartOutline` - AI销售预测
- `ClockCircleOutline` - 朋友圈同步

### 底部导航
- `AppOutline` - 首页
- `ShopbagOutline` - 场景获客
- `PieOutline` - 工作台
- `UserOutline` - 我的

### 其他页面
- `AddOutline` - 添加按钮
- `UserAddOutline` - 用户添加
- `BellOutline` - 通知
- `LoopOutline` - 循环/同步
- `TravelOutline` - 旅行/任务