当前位置：公众IT > 技术文章 > uniapp项目中，使用npm安装组件，使用框架自带字体，在苹果手机上不显示

uniapp项目中，使用npm安装组件，使用框架自带字体，在苹果手机上不显示

新闻来源：互联网资料整理发布时间：2023/4/5 13:43:30 共计：4611 浏览

前言：

随着百度小程序的风头正劲,越来越多的站长投入到百度小程序的开发中来，但是开发过程中难免会碰到诸多问题无法自己解决，04-07小编发现百度用户：【百度网友9502e0b】提出了一个关于“uniapp项目中，使用npm安装组件，使用框架自带字体，在苹果手机上不显示”的问题,在问题中开发者百度网友9502e0b对该问题做了如下阐述：

问题类型：

问题类型:bug

问题描述：

前置操作（正常执行某类操作）

在开发中，网页端H5和安卓真机模式，使用如上代码，系统组件 uni-icons，uni-list-item自带包含列表开启 showArrow箭头属性，各个图标使用字体形式的都正常显示，

?

预期结果（应该出现的结果）

使用uni-icons组件时候，安卓机如图

该图片引用百度小程序公众平台

使用list组件，开始显示右侧箭头安卓机如图，

该图片引用百度小程序公众平台

实际结果（实际出现的异常结果）

在苹果X上预览如图

该图片引用百度小程序公众平台

?

该图片引用百度小程序公众平台

其中这个页面右侧上角的…图标，在苹果变成TM两个字母

并且这个页面的返回上一级，也是使用系统自带的，用的是uni-nav-bar组件，配置如下left-icon=”arrowleft” 也是显示不出来

顶部导航条

<uni-nav-barbackgroundColor=”#d81e06″class=”nav_item”@clickRight=”setRead()”@clickLeft=”goback()”color=”#fff”:statusBar=”true”left-icon=”arrowleft”></uni-nav-bar>

图标代码?

<uni-icons type=”info” color=”#fff” size=”25″></uni-icons>

循环列表代码

<uni-list-itemv-for=”(bdata, bl) in betlist”:key=”bl”:show-extra-icon=”true”:showArrow=”true”:extra-icon=”bdata.icon”:title=”bdata.title”clickable@click=”jumprecordpage(bdata.router)”></uni-list-item>

?

二维码图片/视频复现demo