uniapp使用阿里图标显示查找文件失败,在H5端图标显示正常但是在移动端不显示图标的问题解决。

编程入门 行业动态 更新时间:2024-10-10 11:31:01

uniapp使用阿里<a href=https://www.elefans.com/category/jswz/34/1769937.html style=图标显示查找文件失败,在H5端图标显示正常但是在移动端不显示图标的问题解决。"/>

uniapp使用阿里图标显示查找文件失败,在H5端图标显示正常但是在移动端不显示图标的问题解决。

今天写项目遇到使用阿里图标在h5端显示正常,到了移动端不显示的问题 ,找了很多解决方法,都没有成功,今天记录一下自己是怎么解决的。

刚开始把字体图标下载到本地的时候,报这个错误:

文件查找失败:'./iconfont.ttf?t=1650443681797'
文件查找失败:'./iconfont.woff2?t=1650443681797'
文件查找失败:'./iconfont.woff?t=1650443681797'       

这个错误需要在 iconfont.css 文件夹下,把这几个 ./ 相对路径改为 @/ 绝对路径就不报错了,在H5端也会显示正常。

但是跑到移动端上又直接不显示了,搜了很多方法,都是说在原来的路径前边加上 https: 就可以解决,我刚开始以为是把绝对路径改为网络路径就可以了,原来想法错了,自己搞了半天才找到解决方法。我是这样解决的:

在阿里图标网站找到我的项目,把下面的代码复制到  iconfont.css 文件夹下,替换原来的@font-face对象,并在//前边加上https:    这样就完美解决了,H5,移动端都会显示!

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

感觉用了uniapp配合uView组件库之后一直都在踩坑,前几天遇到一个uView选择日期的时候返回的是时间戳,开始一直认为是我不会用uview,搜了时候才知道,返回的就是时间戳,需要自己处理。

更多推荐

uniapp使用阿里图标显示查找文件失败,在H5端图标显示正常但是在移动端不显示图标的问题解决。

本文发布于:2024-03-13 18:53:57,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1734599.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:图标   阿里   文件   但是在   uniapp

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!