docs/api/style/appearance.md
包含了前景、背景、边框、透明度、字体等外观样式
Android 默认值为
transparent,iOS 默认值为black
| 类型 | 必需 | 支持平台 |
|---|---|---|
| color | 否 | Android、iOS |
Android 默认值为
transparent,iOS 默认值为black
| 类型 | 必需 | 支持平台 |
|---|---|---|
| color | 否 | Android、iOS |
Android 默认值为
transparent,iOS 默认值为black
| 类型 | 必需 | 支持平台 |
|---|---|---|
| color | 否 | Android、iOS |
Android 默认值为
transparent,iOS 默认值为black
| 类型 | 必需 | 支持平台 |
|---|---|---|
| color | 否 | Android、iOS |
Android 默认值为
transparent,iOS 默认值为black
| 类型 | 必需 | 支持平台 |
|---|---|---|
| color | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| color | 否 | Android、iOS |
默认值为
solid
| 类型 | 必需 | 支持平台 |
|---|---|---|
| enum('solid', 'dotted', 'dashed') | 否 | Android、iOS。dotted、dashed 暂仅支持 iOS |
| 类型 | 必需 | 平台 |
|---|---|---|
| Hippy-React 参考例子 | 否 | Android、iOS,Android实现有差异(详见例子) |
| Hippy-Vue 参考例子 | 否 | Android、iOS,Android实现有差异(详见例子) |
字体颜色
| 类型 | 必需 | 支持平台 |
|---|---|---|
| color | 否 | Android、iOS |
字体名,如 PingFangSC-Regular
若需自定义字体,参考 自定义字体说明
| 类型 | 必需 | 支持平台 |
|---|---|---|
| string | 否 | Android、iOS |
字体大小
默认值为
14
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
字体样式
默认值为
normal
| 类型 | 必需 | 支持平台 |
|---|---|---|
| enum('normal', 'italic') | 否 | Android、iOS |
字体粗细
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | string | 否 | Android、iOS |
Android API 28 以下仅支持
normal和bold两种字重,其它字重效果需配合fontFamily实现,Android API 28 及以上可以支持设置1-1000的字重值。
文本字符间距
!> hippy-vue 需采用 @hippy/vue-css-loader 2.14.1 以上版本
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| number | 否 | Android、iOS |
同 textDecorationLine
| 类型 | 必需 | 平台 |
|---|---|---|
| enum('underline', 'line-through', 'none') | 否 | Android、iOS |
文本的修饰线颜色
| 类型 | 必需 | 平台 |
|---|---|---|
| color | 否 | iOS |
文本的修饰线类型
| 类型 | 必需 | 平台 |
|---|---|---|
| enum('underline', 'line-through', 'none') | 否 | Android、iOS |
文本的修饰线样式
| 类型 | 必需 | 平台 |
|---|---|---|
| enum('dotted', 'dashed', 'solid') | 否 | iOS |
最低支持版本 2.10.0
文字阴影颜色
| 类型 | 必需 | 平台 |
|---|---|---|
| color | 否 | Android、iOS |
最低支持版本 2.10.0
文字阴影偏移量
| 类型 | 必需 | 平台 |
|---|---|---|
| object: { x: number, y: number } | 否 | Android、iOS |
- 最低支持版本 2.10.0
- 注意 hippy-vue class 样式只支持合并写法
text-shadow-offset: 1px 1px,不支持拆分
文字阴影X轴偏移量
| 类型 | 必需 | 平台 |
|---|---|---|
| number | 否 | Android、iOS |
- 最低支持版本 2.10.0
- 注意 hippy-vue class 样式只支持合并写法
text-shadow-offset: 1px 1px,不支持拆分
文字阴影Y轴偏移量
| 类型 | 必需 | 平台 |
|---|---|---|
| number | 否 | Android、iOS |
最低支持版本 2.10.0
文字阴影半径
| 类型 | 必需 | 平台 |
|---|---|---|
| number | 否 | Android、iOS |
对图片进行染色(对非纯色图片进行有透明度的染色时,Android 和 iOS 的 blendMode 默认值有差异)
| 类型 | 必需 | 支持平台 |
|---|---|---|
| color | 否 | Android、iOS |
| 类型 | 必需 | 支持平台 |
|---|---|---|
| enum('visible'[default], 'hidden') | 否 | Android(2.14.5)、iOS(2.9.0) |