小程序 Vant Weapp 使用插槽自定义 Cell 的左侧图标

Vant Weapp官方文档 .

一、 van-cell 左侧图标的icon只能为限定的图标名称或图片链接

在使用 van-cell 单元格时，通过 icon 属性在标题左侧可以展示图标；

	<van-cell title="单元格"icon="location-o"/>1

效果如下：

但左侧图标的icon只能为限定的图标名称或图片链接

通过 Icon 组件的名称可更换图标

二、使用插槽自定义 van-cell 的左侧图标

使用插槽能力，可以在官方文档中关注以下2处使用说明，

• 一是使用示例：
  

• 二是插槽 Slot 的名称：
  从下图可以看到，自定义左侧图标 icon 的插槽名称为 icon
  
  因此，使用插槽自定义左侧图标的代码如下：

	wxml:<van-cell center title="自定义左侧图标"is-link><image>='mine_headicon'src='../../../image/icn_man.png'slot="icon"></image></van-cell>1234

	wxss:.mine_headicon{data-report-click="{"spm":"1001.2101.3001.4259&quot}">123456

效果如下：