SAP UI5 Web Component的图标实现
生活随笔
收集整理的這篇文章主要介紹了
SAP UI5 Web Component的图标实现
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
例子:我的SAP UI5 Web Component開發(fā)而成的React應(yīng)用上,顯示了這個加號圖標(biāo):
在React Component里引入加號圖標(biāo):
在此處給ShellBarItem的icon屬性賦以add按鈕:
運行時效果如下:
我們再回過頭看看在代碼里導(dǎo)入的add.js的內(nèi)容:
pathData里包含的值,其實就是基于SVG繪制而成的加號圖標(biāo)在瀏覽器里對應(yīng)的g標(biāo)簽的d屬性,如下圖所示:
要獲取更多Jerry的原創(chuàng)文章,請關(guān)注公眾號"汪子熙":
總結(jié)
以上是生活随笔為你收集整理的SAP UI5 Web Component的图标实现的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 黑户口子秒下的有吗
- 下一篇: SAP UI5 Web Componen