uni-app图标(uni-app图标角标)

lxf2023-05-02 20:32:40

应用程序上不显示uni图标的解决方案:1、不要使用非H5端不支持的vue语法;2、在组件内部写样式;3、修改路径“url(https://alicdn.net)”;4、使用手机可访问的IP进行网络测试。

uni-app图标(uni-app图标角标)

操作环境:Windows7系统,uni-app2.5.1版,DELL G3电脑

app上不显示uni图标?

引入iconfont图标,解决真机中iconfont不显示的问题

如何在uniapp中引入iconfont图标?

1、从iconfont网站下载项目文件。如图所示:

uni-app图标(uni-app图标角标)

2、解压下载的iconfont文件,取iconfont文件.css放入自己的工程目录

uni-app图标(uni-app图标角标)

3、回到iconfont网站,点击复制代码,只需要ttf格式的地址即可

uni-app图标(uni-app图标角标)

4、打开项目中的iconfont.css文件,用复制的ttf格式代码写入@font-face中,如下:


@font-face {
  font-family: