uniapp ，view组件中插入 自定义头像图标

要在uniapp的view组件中插入自定义头像图标，可以使用uni-icons组件或自定义iconfont字体图标。

1. 使用uni-icons组件

uni-icons是uniapp中自带的一个图标库，包含了很多常用的图标。具体使用方法如下：

<uni-icons type="cu-avatar"></uni-icons>

其中，type属性指定了图标的名称，这里使用了cu-avatar，表示头像图标。

2. 使用iconfont字体图标

步骤如下：

- 在iconfont中选择需要的图标，下载svg或symbol格式的图标文件。

- 在uniapp中创建一个iconfont.wxss文件，并在其中引入下载的图标文件。

@font-face {
  font-family: 'iconfont'; /* project id 932289 */
  src: url('//at.alicdn.com/t/font_932289_3q3yo3z3j1e.eot');
  src: url('//at.alicdn.com/t/font_932289_3q3yo3z3j1e.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_932289_3q3yo3z3j1e.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_932289_3q3yo3z3j1e.woff') format('woff'),
  url('//at.alicdn.com/t/font_932289_3q3yo3z3j1e.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_932289_3q3yo3z3j1e.svg#iconfont') format('svg');
}

- 在需要使用图标的vue文件中引入iconfont.wxss文件，并使用iconfont的类名来使用图标。

<view class="iconfont icon-touxiang"></view>

其中，icon-touxiang就是下载的头像图标的类名。

以上两种方法都可以在view组件中插入自定义头像图标。