SAP UI5 Web Component的图标实现

简介:

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

在React Component里引入加号图标:

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

运行时效果如下:

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

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

本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

相关文章
|
9月前
|
机器学习/深度学习 存储 数据挖掘
如何在 Web 应用里消费 SAP Leonardo 的机器学习 API
如何在 Web 应用里消费 SAP Leonardo 的机器学习 API
51 0
|
9月前
|
XML 开发框架 前端开发
浅谈 Fiori Fundamentals 和 SAP UI5 Web Components 的关系
浅谈 Fiori Fundamentals 和 SAP UI5 Web Components 的关系
73 0
|
1月前
|
Web App开发 前端开发 JavaScript
使用 Chrome 开发者工具分析 UI5 Web 应用的性能
使用 Chrome 开发者工具分析 UI5 Web 应用的性能
40 0
|
1月前
|
弹性计算 前端开发 JavaScript
前端新趋势?有了Web Component,还用纠结Vue或React?
Web Component 的概念最早在 2011 年被 Google 提出,并在 2018 年 V1 版本开始被主流浏览器所支持(除了 IE)。
|
7月前
|
前端开发
element-ui图标偶现乱码问题的原因和修复方法
之前很老的一个 webpack3 前端项目,用 vue-cli5 重构了一下,根据 vue-cli 文档安装的 sass 版本 ^1.32.7,sass-loader 版本 ^12.0.0,各种自测感觉没问题了就部署到线上了
124 0
|
8月前
|
JavaScript
vue element-ui 菜单管理使用图标选择器组件
vue element-ui 菜单管理使用图标选择器组件
168 0
|
8月前
|
移动开发 前端开发 JavaScript
什么是 SAP UI5 的 Hybrid Web Containers
什么是 SAP UI5 的 Hybrid Web Containers
44 0
|
9月前
|
前端开发 JavaScript
关于 SAP UI5 Web Components
关于 SAP UI5 Web Components
68 0
|
2天前
|
传感器 小程序 搜索推荐
(源码)java开发的一套(智慧校园系统源码、电子班牌、原生小程序开发)多端展示:web端、saas端、家长端、教师端
通过电子班牌设备和智慧校园数据平台的统一管理,在电子班牌上,班牌展示、学生上课刷卡考勤、考勤状况汇总展示,课表展示,考场管理,请假管理,成绩查询,考试优秀标兵展示、校园通知展示,班级文化各片展示等多种化展示。
21 0
(源码)java开发的一套(智慧校园系统源码、电子班牌、原生小程序开发)多端展示:web端、saas端、家长端、教师端
|
10天前
|
关系型数据库 MySQL PHP
PHP的生命周期:从诞生到现代Web开发
本文将探索PHP的发展历程,从其最初的设计目标到成为现代Web开发的核心语言。我们将深入了解PHP如何适应不断变化的技术环境,并保持其在开发者社区中的受欢迎程度。