您的位置：首页 > 产品设计 > UI/UE

SAP UI5 Web Component的图标实现

2020-02-17 05:22 387 查看

例子：我的SAP UI5 Web Component开发而成的React应用上，显示了这个加号图标：

在React Component里引入加号图标：

在此处给ShellBarItem的icon属性赋以add按钮：

运行时效果如下：

我们再回过头看看在代码里导入的add.js的内容：

pathData里包含的值，其实就是基于SVG绘制而成的加号图标在浏览器里对应的g标签的d属性，如下图所示：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

汪子熙博客专家发布了6653 篇原创文章 · 获赞 639 · 访问量 109万+ 他的留言板关注

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航