uni-app背景图片引用问题及字体图标

1.背景图片

引入背景图片不需要去找目录,直接/static/.........;这样在web看起来是没啥问题,而打包后或者在微信小程序中显示不出来,在相对路径前面加上~@就可以完美的解决。

2.字体图标

1.    uni-app中引用iconfont字体图标

首先登陆iconfont官网,创建自己的项目,找到需要的图标加入购物车,然后添加到项目中

然后找到图标管理,我的项目,点击下载至本地,解压

将解压后的iconfont.css引入到common文件夹下,删除font-face中一些带字体格式得url


下载之后得iconfont.css
修改之后得iconfont

然后在App.vue中引入iconfont.css,打开下载文件中得demo_index.html,找到Font class,

在引入得地方

如:

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容