微信端字体图标显示不正常(不显示/显示成方框)

微信端字体图标显示不正常(不显示/显示成方框)

iOS 中微信端打开项目发现图标显示成一个个方框;切换页面也同样没显示。但是在Android端、IOS的浏览器显示正常
【借用下网上的效果】
在这里插入图片描述

一开始的思考方向

一开始怀疑是字体图标的导入出错了,所以重新导入,但是仍然没解决。因为网上也很多说字体图标文件导入顺序等等问题影响。但这并没有解决我的问题。

发现错误的原因

后来又重新思考为什么偏偏是 ios&&微信端 才出问题,意识到我的微信端为了做微信授权登录跳转了一遍地址。会不会是这一次跳转引起的。所以我决定先不跳转地址,结果真的就正常了。

出错的原理

后来翻阅资料终于找到了出错的真相,IOS的微信端,是因为缓存机制引起的。

          // 具体原因:刚进入页面会检测微信环境的话会发生一次跳转(获取微信用户信息),在未跳转前,浏览器正在下载图标文件;而跳转使得
          // 这些文件下载终止导致不完整。再跳转后想下载这些文件但因为浏览器缓存机制问题所以复用那些不完整的文件.
解決方案
  • 微信登录不跳转,右后台静默完成(推荐);
  • window.onload()方法中执行跳转,因为此时文件都下载完毕
  • 延迟跳转(在用)

最后祝福大家生活愉快

要使el-tree不显示方框,你可以使用以下步骤: 1. 在el-tree组件中添加show-checkbox属性,并将其值设置为false。这将隐藏所有的方框。 2. 可以添加一个类名来控制样式。例如,你可以使用以下代码在style标签中添加一个类名: ``` <style scoped> .stafftree .el-tree-node .el-tree-node__content .el-checkbox { display: none; } </style> ``` 这将隐藏el-tree组件中的方框。 请注意,以上步骤基于提供的引用内容和,因此你需要确保在代码中正确地应用这些属性和类名。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue|Element,前哪些奇奇怪怪的需求——el-tree结合el-select实现通过多选框选定一级目录展示该目录下的...](https://blog.csdn.net/killbibi/article/details/120383788)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [如何让elementui el-tree组件 一级节点 复选框不显示](https://blog.csdn.net/qq_44224811/article/details/127774472)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值