1***@qq.com
1***@qq.com
  • 发布:2019-04-18 16:00
  • 更新:2019-04-18 16:02
  • 阅读:1304

【报Bug】.nvue 页面 <image> 使用阿里的 Iconfont 图标会失效,在 .vue 中使用不会,都是 .png 格式

分类:nvue

详细问题描述

在 .nvue 页面 <image> 使用阿里的 Iconfont 图标会失效,但是使用自己的 .png 图片不会失效,在 .vue 中使用都不会失效,都是 .png 格式,这些都是在真机上预览的

重现步骤

[步骤] 在阿里图标库下载任何一个 .png 格式的图标,在 .nvue 页面使用

[结果] 不显示图标

[期望] 显示图标

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号] 1.9.1

[windows版本号] win 7

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号] 8.1.0

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]
<template>
<div class="wrapper"><image class="test" src="/static/dingdan.png"></image></div>
</template>

<style scoped>
.test{
width: 300px;
height: 300px;
}
</style>

联系方式

[QQ] 1604002085

2019-04-18 16:00 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

阿里图标库地址:
https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.3

该问题目前已经被锁定, 无法添加新回复