【uni-app】常用图标、头像汇总

**uni-app 常用图标、头像汇总**

在 uni-app 开发中，图标和头像是非常重要的组成部分。以下是一些常用的图标和头像集合。

### 一、常用图标####1. 箭头图标| 图标名称 | 图标代码 |
| --- | --- |
| 左箭头 | `` |
| 右箭头 | `` |
| 上箭头 | `` |
| 下箭头 | `` |

####2. 图标集合| 图标名称 | 图标代码 |
| --- | --- |
| 加号 | `` |
| 减号 | `` |
| 搜索 | `` |
|保存 | `` |

####3. 其他图标| 图标名称 | 图标代码 |
| --- | --- |
| 爱心 | `` |
| 笑脸 | `` |
| 感叹号 | `` |

### 二、常用头像####1. 默认头像| 头像名称 | 头像代码 |
| --- | --- |
| 男性头像 | `` |

####2. 自定义头像| 头像名称 | 头像代码 |
| --- | --- |
| 自定义头像1 | `` |

### 三、使用示例####1. 使用图标

html<template>
 <div>
 <!-- 左箭头 -->
 <i class="iconfont icon-zuojian"></i>
 <!-- 右箭头 -->
 <i class="iconfont icon-youjian"></i>
 <!-- 上箭头 -->
 <i class="iconfont icon-shangjian"></i>
 <!-- 下箭头 -->
 <i class="iconfont icon-xiajian"></i>
 </div>
</template>

<script>
export default {
 // ...
}
</script>

html<template>
 <div>
 <!-- 默认男性头像 -->
 <image src=" />
 <!-- 默认女性头像 -->
 <image src=" />
 </div>
</template>

<script>
export default {
 // ...
}
</script>

html<template>
 <div>
 <!-- 自定义头像1 -->
 <image src=" />
 <!-- 自定义头像2 -->
 <image src=" />
 </div>
</template>

<script>
export default {
 // ...
}
</script>