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,

在引入得地方

如:

你可能感兴趣的:(uni-app背景图片引用问题及字体图标)