用户登录

在 chrome 浏览器上的边栏上可以正常显示这些小图标,不过在 safari 浏览器上,不能正常显示这些小图标。下面可以修正一下这个问题。

回到项目,打开 app-icon 组件, 解决刚才的问题可以设置一下小图标元素的宽度,在这个 appIconStyles 返回的样式里面,再添加一个 width 属性,把这个样式的值设置成组件的 size 属性,再加上一个 px。 这个计算属性返回的样式会绑定在图标元素上面。这里我们做的就是用 width 规定了一下元素的宽度 。

回到 safari 浏览器观察一下,现在就可以正常显示这些小图标了。

Bug Fix:Safari 浏览器下无法正常显示应用图标《 Vue.js 项目实践:应用主题 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点