阿里图标库使用示例
方式一:直接使用
icon-home
icon-user
icon-search
方式二:使用封装组件
绿色 48rpx
蓝色 36rpx
橙色 32rpx
方式三:使用配置常量
电话
消息
位置
方式四:在按钮中使用
方式五:在列表中使用
{{ item.title }}
{{ item.desc }}
⚠️ 注意事项
1. 确保已从阿里图标库下载字体文件到 static/iconfont/ 目录
2. 确保已在 App.vue 中引入 iconfont.css
3. 图标名称需要与阿里图标库中的类名保持一致
4. 推荐使用封装的 IconfontIcon 组件,便于统一管理