mui框架5+app——解决Hbuilderx真机运行时，手机上无法显示自定义的iconfont图标

已于 2023-07-12 21:06:47 修改
阅读量518 收藏
点赞数 1
文章标签： 前端 web app android
于 2023-04-16 15:37:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54342125/article/details/130183190
版权

如题，当我引入icon图标的时候，运行到手机上时无法看到图标：

e4a0b966ac594921982e26ae6d4ea68c.png

电脑预览的时候可以看到， 

3f7ec40a35ad4cf5a1ee922ef1480644.png

 解决办法如下：

在引入的iconfont.css文件中插入一行代码： url('../fonts/iconfont.ttf') format('truetype')。表明我在这个项目中引进icon图标，之后就可以在手机正常运行了。

b1cbd9e90ace4a0fbdcea74c943a3179.png

 如图：

b0ae2e0a532c4744b123c2d0a1537b13.png

 

 

ciao.o0o
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
android mui 样式 不兼容,解决接口mui、安卓、IOS兼容问题
weixin_36057013的博客
05-30 401
mui 一般的默认请求格式是headers:{‘Content-Type’:‘application/x-www-form-urlencoded’},安卓原生和IOS的默认请求格式是application/JSON，所以就导致如果接口要实现几种情况通用必须要解决兼容性的问题(不太懂怎么描述，姑且叫兼容性)封装一个工具类来解析application/JSON请求public static JSONO...
docker部署前端项目（二）遇到的问题
最新发布
weixin_45379180的博客
04-25 338
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
HTML5+MUI实现手机app扫码功能
03-31
HTML5+MUI实现手机app扫码功能
h5app:基于5 + App，mui和HBuilder的h5应用
05-28
h5app 基于5 + App，mui和HBuilder的h5应用
mui前端框架加载样式问题
qq_43482163的博客
06-05 268
1、plus.nativeUI.showWaiting(“数据加载中…”); //进入方法则会出现我们加载选择图标 2、setTimeout(function(){ plus.nativeUI.closeWaiting(); },5000) //防止加载过久可以设定定时器关闭。 3、fristChart.setOption(option); plus.nativeUI.closeWaiting(); //可在我们将数据加载完毕之后进行关闭 ...
MUI底部导航的样式修改
Serena_tz的博客
07-01 465
使用MUI的底部导航栏想要修改导航顶部分割线。 添加子页面的时候要为底部导航预留位置。 如上bottom的值为50px，因此底部导航栏只有50px的位置。 设置导航栏分割线最好使用线条，因为阴影有一个区域，不好为其预留位置展示。.........
【HBuilder】app图标、启动页面配置及image标签图片显示问题
aDiaoYa_的博客
06-07 2408
最近要开发一个手机app，之前没了解过如何制作app，就知道HBuilder可以把项目打包成app。然后在写登录注册界面的时候，就想到了一个问题，启动页如何制作？我一开始以为启动页需要自己写的，然后就在首页生命周期里加了一个延时器，判断多长时间后自动跳转到哪个页面，或者隐藏哪个组件展示哪个组件。在内置浏览器查看的时候，没有任何问题，但是在手机模拟器和打包成app之后，就发现要么一直停在启动页，要么刷白屏后立即跳转登录。。。
Hbuilder真机运行/打包后iconfont无法显示解决办法
ljw_jiawei的博客
05-14 3456
在cdn前面加上 https: 即可 如<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1145523_9uc3n9wl4rk.css"/>
uniapp引入iconfont，app端不显示问题
Y00010010的博客
03-13 3251
uniapp项目引入iconfont，app端不显示问题
html5、移动端、mui+app尺寸适配、屏幕适配、屏幕自适应插件，解决不同手机尺寸的手机适配问题
06-10
html5+app、移动端、mui+app尺寸适配、屏幕适配、屏幕自适应插件，解决不同手机尺寸的手机适配问题
html5+APP一些常用的html5+plus函数封装、mui+APP常用的处理函数封装、页面跳转、页面关闭、页面刷新、页面支
06-10
html5+APP一些常用的html5+plus函数封装、mui+APP常用的处理函数封装、页面跳转、页面关闭、页面刷新、页面支付
Mui-APP:Mui + H5 Plus + HBuilder开发《微定位》APP
05-09
这是我的毕业设计，使用H5 Runtime + Mui + HBuilder结合开发，混合开发得APP（微定位)。 核心功能 多人定位、导航； 与好友聊天、群聊、添加好友、添加群； 登陆注册，支持第三方登陆（QQ、微信、微博）； 技术实现...
【前端】数组的常用处理函数
lcukyNwa的博客
04-22 448
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
C++ WebServer的细节理解
我的博客
04-22 621
在非阻塞模式下，如果 I/O 操作不能立即完成（例如，因为没有数据可读 或 写缓冲区满），系统不会让调用进程阻塞等待，而是立即返回一个错误（通常为 EAGAIN 或 EWOULDBLOCK）。先查询文件描述符 fd 当前的标志，然后将 O_NONBLOCK 标志加入其中，并通过 F_SETFL 来更新文件描述符，最终实现将该文件描述符切换为非阻塞模式。这意味着，如果没有待处理的连接请求（即没有客户端尝试连接到服务器），accept() 会一直阻塞，直到有新的连接请求到达或发生其他特定条件（如超时）为止。
SpringBoot项目打包分离高阶操作
Record Little
04-23 660
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
WebSocket 快速入门 - springboo聊天功能
m0_56308072的博客
04-21 916
HTTP和WebSocket都是啥？
Vue-router的动态路由：获取传递的值
woliuhuaqiangla的博客
04-22 416
Vue.js是一款流行的JavaScript框架，用于构建单页面应用程序。它提供了许多有用的功能，其中之一是Vue-router，它允许您轻松地管理应用程序的路由。Vue-router支持动态路由，这意味着您可以在路由中使用变量，并在组件中访问它们。本文将介绍如何定义Vue-router的动态路由，以及如何获取传递的值。动态路由的优缺点动态路由是指根据特定的参数来动态地生成路由，这在使用Vue-router时是非常常见的。
uniapp和5+app的异同
03-19
UniApp和5+App都是基于HTML5技术的跨平台移动应用开发框架，它们有一些相似之处，但也存在一些区别。 相同点： 1. 跨平台开发：UniApp和5+App都可以实现一次编写，多平台运行，包括iOS、Android等多个移动平台。 2. 基于HTML5技术：它们都使用HTML、CSS和JavaScript等前端技术进行应用开发。 3. 共享代码：UniApp和5+App可以共享大部分代码，减少了开发成本和维护工作。 不同点： 1. 底层技术：UniApp基于Vue.js框架，通过封装原生API实现跨平台能力；而5+App基于DCloud的MUI框架，通过封装原生API和提供自定义扩展插件实现跨平台能力。 2. 生态系统：UniApp拥有较为完善的生态系统，包括插件市场、开发者社区等；而5+App的生态系统相对较小。 3. 性能表现：由于底层技术的不同，UniApp在性能方面相对更优秀，具有更好的渲染性能和用户体验。 4. 开发难度：相对而言，UniApp的学习曲线较为平缓，上手相对容易；而5+App的学习曲线较陡峭，需要对原生API和框架的使用有一定的了解。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值