uni-app

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

2019-09-29  本文已影响0人  热心市民萝卜先生

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>

上一篇 下一篇

猜你喜欢

热点阅读