所有组件都支持以下通用样式规则。
默认通用样式已在本文档中全部列出,一些组件可能有自定义样式,请参考组件文档。除此之外的属性,均不被支持。
我们支持 **px**``**rpx**``**%**``**vw**``**vh**
长度单位。对于不希望受屏幕宽度和 viewPortWidth 影响的尺寸,可使用rpx、%、vw、vh。
注意
- 不支持类似
em
、rem
、pt
这样的 CSS 标准中的其他长度单位; - 单位
px
不可省略,否则在 H5 环境无法正确渲染;
CSS样式 | 简介描述 | |
---|---|---|
盒模型 | 链接 | |
Flexbox | 链接 | |
Transition | 链接 | |
Transform | 链接 | |
线性渐变 | 链接 | |
阴影(box-shadow) | 链接 | |
opacity(透明度) | 链接 | |
background-color | 链接 |
上手样式
如果对于样式写法需要更多上手参考,可参考每个组件的文档中,都有常见的例子可供参考。
你可以按照以下步骤来规划页面的样式。
- 全局样式规划:将整个页面分割成合适的模块。
- flex 布局:排列和对齐页面模块。
- 定位盒子:定位并设置偏移量。
- 细节样式处理:增加特定的具体样式。