# 其他基本样式

  • opacity {number}:取值范围为 [0, 1] 区间。默认值是 1,即完全不透明;0 是完全透明;0.5 是 50% 的透明度。
  • background-color {color}:设定元素的背景色,可选值为色值,支持RGB( rgb(255, 0, 0) );RGBA( rgba(255, 0, 0, 0.5) );十六进制( #ff0000 );精简写法的十六进制( #f00 );色值关键字(red),默认值是 transparent

# Android 兼容性

你有可能会遇如下Crash Unable to create layer for xxx 如果你的含有 background-colorcomponent 的大小 (长或宽) 超过了最大值, 因为这会使 OpenGL 内存区域发生 OutOfMemory

你的 component 的允许的最大值与机器有关,但一般来说,如果你的 component 的大小超过屏幕大小,就有可能触发Crash。

# 上手样式

如果对于样式写法需要更多上手参考,可参考每个组件的文档中,都有常见的例子可供参考。

你可以按照以下步骤来规划 jsn 页面的样式。

  1. 全局样式规划:将整个页面分割成合适的模块;
  2. flex 布局:排列和对齐页面模块;
  3. 定位盒子:定位并设置偏移量;
  4. 细节样式处理:增加特定的具体样式。