朝圣言
扫描关注朝圣言

手机扫描二维码

mui混合开发关于原生混合iconfont的神坑

朝圣言2018-08-22前端仕锦 1398 0A+A-

最近比较少更新博客,一方面是因为工作原因,另一方面是没什么新鲜点可以写的了,写的太浅大家都是老鸟了,写的太深很多东西并不是一两篇文章可以解决的。

这里先说下比较新鲜的混开的坑!!!

手上的这个项目使用的是mui框架,底层与app交互使用的是html5+,页面渲染用的是vue,dom对象当然是jquery

以上说的这些通通跟我要说的没有什么关系

那是不可能的,至少html5+使用关系的

因为开发需要使用的是iconfont字体,iconfont很熟悉了吧,至少前端基本都知道的。

mui混合开发关于原生混合iconfont的神坑  第1张

因为考虑体验像原生app看齐,所以你能够用原生的地方尽可能使用原生开发。如顶部标题底部选项卡,沉浸式体验等等。

而困扰我的问题~就是在原生标题栏使用iconfont,这个问题最早出现在扫码器页面上,扫码器使用的是半透明原生标题栏。因为半透明,所以返回按钮必须使用自己定义的字体文件。

就因为这个原因,出现特殊的如同字体不存在的情况,比如"?"或者方框的情况


本着开发的精神,在多次百度无果后,在mui 官网找到了一个方法,需要iconfont转化成其他其他font-family。于是就好了

推测:mui内部其实包含了隐藏的iconfont,所以在新加入的iconfont 会被固有的iconfont字体覆盖。导致出现类似无法找到字体的情况

发表评论