美文网首页uni-app
uni-app背景图片引用问题及字体图标

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

作者: 热心市民萝卜先生 | 来源:发表于2019-09-29 11:06 被阅读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>

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/monjyctx.html