SAP|SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理
我做 SAP UI5 开发时遇到一个问题：
文章图片
我在 XML 视图里，给 Button 控件分配了一个 CSS class：
sapUiSmallMarginEnd
期望运行时，该 CSS 类能够产生 1 rem 的 margin 效果：
文章图片
上图来自 SAP UI5 官网的例子。
然而，我的例子运行出来失败了，我的 button 控件渲染出的 HTML 原生代码，并没有出现这个 CSS 类，我期望的 margin 效果并没有实现：
文章图片
文章图片
这个 class 存储在 aCustomStyleClasses 数组里：
文章图片
在 XMLTemplateProcessor 里处理自定义 CSS：
文章图片
文章图片
自定义 class 在此处被写入：334 行
文章图片
511行：
文章图片
buttonRender.js 的第 130 行：
文章图片
我的例子里，并没有解析出 aCustomClasses
文章图片
文章图片
回到我的代码，调试 1450行，为什么 CSSStyle 没有添加到 button 里：
【SAP|SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理】
文章图片
8081 即 SAP 例子里，sStyleClasses 能够成功被解析出来：
文章图片
但我的不行：
文章图片
解析 CSS：
文章图片
更多Jerry的原创文章，尽在："汪子熙":
文章图片
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 3.css浮动
- css|我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧（）
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- CSS兼容性笔记
- 微信小程序____CSS篇之定位（position）及浮动（float）
- 18，页面优化
- Web前端如何学习?
- CSS笔记