设置showExtraIcon :extra-icon="{ fontFamily: 'a-icon', color: item.color, size: '18', type: item.icon }"
8***@qq.com
- 发布：2023-12-21 11:07
- 更新：2025-02-07 22:57
- 阅读：450
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 11
HBuilderX类型： 正式
HBuilderX版本号： 3.99
第三方开发者工具版本号： 1.06
基础库版本号： 3.2.4
项目创建方式： HBuilderX
操作步骤：
预期结果：
可以实现自定义图标正常显示
可以实现自定义图标正常显示
实际结果：
无法正常显示自定义图标
无法正常显示自定义图标
bug描述：
<uni-list-item
v-for="item in list"
:key="item.id"
showExtraIcon
:showArrow="item.type === link ? true : false"
:extra-icon="{ fontFamily: 'a-icon', color: item.color, size: '18', type: item.icon }"
:title="item.title"
clickable
@click="handleClick(item)"
></uni-list-item>因为list里面没有支持fontFamily属性导致的
1 个回复
WilldasK
可以这么使用
<uni-list-item title="结账" :show-extra-icon="true" extra-icon="{customPrefix: 'customfont', color: '#4cd964',size: '40',type: 'icon-ciqia'}" showArrow :clickable="true" />