在 chrome 浏览器上的边栏上可以正常显示这些小图标,不过在 safari 浏览器上,不能正常显示这些小图标。下面可以修正一下这个问题。
回到项目,打开 app-icon 组件, 解决刚才的问题可以设置一下小图标元素的宽度,在这个 appIconStyles 返回的样式里面,再添加一个 width 属性,把这个样式的值设置成组件的 size 属性,再加上一个 px。 这个计算属性返回的样式会绑定在图标元素上面。这里我们做的就是用 width 规定了一下元素的宽度 。
回到 safari 浏览器观察一下,现在就可以正常显示这些小图标了。