From a0bd69bb8611ed6c6bbab7b22e23cf0f879efe48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B4=8B?= <251448644@qq.com>
Date: Mon, 8 Jan 2024 14:44:28 +0800
Subject: [PATCH 1/3] =?UTF-8?q?[Issues:=20#I8UEUE]=20=E6=B7=BB=E5=8A=A0sty?=
=?UTF-8?q?led-system=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
zh-cn/styled-system.md | 216 +++++++++++++++++++++++++++++++++++++++++
1 file changed, 216 insertions(+)
create mode 100644 zh-cn/styled-system.md
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
new file mode 100644
index 00000000..cd8a813a
--- /dev/null
+++ b/zh-cn/styled-system.md
@@ -0,0 +1,216 @@
+> 模板版本:v0.1.2
+
+
+
styled-system
+
+
+
+
+
+
+
+>[!tip] [Github 地址](https://github.com/styled-system/styled-system)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令:
+
+#### **yarn**
+
+```bash
+yarn add styled-system
+```
+
+
+#### **npm**
+
+```bash
+npm i styled-system
+```
+
+
+
+下面的代码展示了这个库的基本使用场景:
+
+```js
+import styled from 'styled-components'
+import { space, layout, typography, color } from 'styled-system'
+
+// Add styled-system functions to your component
+const Box = styled.div`
+ ${space}
+ ${layout}
+ ${typography}
+ ${color}
+`
+// width: 50%
+
+
+// font-size: 20px (theme.fontSizes[4])
+
+
+// margin: 16px (theme.space[2])
+
+
+// padding: 32px (theme.space[3])
+
+
+// color
+
+
+// color: #333 (theme.colors.gray[0])
+
+
+// background color
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+ 在下述版本验证通过:
+
+ 1. IDE:DevEco Studio 4.1.3.412;SDK:OpenHarmony(api11) 4.1.0.53;测试设备:Mate40 Pro(NOH-AN00);ROM:2.0.0.52(SP22C00E52R1P17log);RNOH:0.72.11
+
+## 属性
+
+详情见 [styled-system源库地址](https://github.com/styled-system/styled-system)
+
+**API space**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| margin | 外边距 | prop | No | / | Yes |
+| marginTop | 上外边距 | prop | No | / | Yes |
+| marginRight | 右外边距 | prop | No | / | Yes |
+| marginLeft | 左外边距 | prop | No | / | Yes |
+| marginX | X轴外边距 | prop | No | / | Yes |
+| marginY | Y轴外边距 | prop | No | / | Yes |
+| padding |内边距 |prop | No | / | Yes |
+| paddingTop | 上内边距| prop | No | / | Yes |
+| paddingRight | 右内边距 | prop | No | / | Yes |
+| paddingLeft | 左内边距 | prop | No | / | Yes |
+| paddingBottom |下内边距 | prop | No | / | Yes |
+| paddingX | X轴内边距 | prop | No | / | Yes |
+| paddingY | Y轴内边距 | prop | No | / | Yes |
+
+**API color**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| color | 颜色| prop | No | / | Yes |
+| bg | 背景色 | prop | No | / | No |
+
+**API typography**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| fontFamily | 字体系列 | prop | No | / | Yes |
+| fontSize | 字号大小 | prop | No | / | Yes |
+| fontWeight | 字体权重 | prop | No | / | Yes |
+| lineHeight | 行高 | prop | No | / | Yes |
+| letterSpacing | 字符间距 | prop | No | / | Yes |
+| textAlign | 文本对齐 | prop | No | / | Yes |
+| fontStyle | 字体样式 | prop | No | / | Yes |
+
+**API layout**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| width | 宽度 | prop | No | / | Yes |
+| height | 高度 | prop | No | / | Yes |
+| display | 显示类型 | prop | No | / | No |
+| minWidth | 最小宽度 | prop | No | / | Yes |
+| minHeight | 最小高度 | prop | No | / | Yes |
+| maxHeight |最大高度 | prop | No | / | Yes |
+| size | 大小 | prop | No | / | Yes |
+| verticalAlign | 垂直对齐 | prop | No | / | No |
+| overflow | 溢出 | prop | No | / | Yes |
+| overflowX | X轴溢出 | prop | No | / | Yes |
+| overflowY | Y轴溢出 | prop | No | / | Yes |
+
+**API flexbox**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| alignItems | 列内轴对齐项 | prop | No | / | Yes |
+| alignContent | 列内轴对齐内容 | prop | No | / | No |
+| justifyItems | 行内轴对齐项 | prop | No | / | No |
+| justifyContent | 行内轴对齐内容 | prop | No | / | Yes |
+| flexWrap | 换行 | prop | No | / | Yes |
+| flexDirection | 弹性方向 | prop | No | / | Yes |
+| flex | 弹性布局 | prop | No | / | Yes |
+| flexGrow | 分配剩余空间比例 | prop | No | / | Yes |
+| flexShrink | 弹性收缩 | prop | No | / | Yes |
+| flexBasis | 弹性初始长度 | prop | No | / | Yes |
+| justifySelf | 行内对齐 | prop | No | / | Yes |
+| alignSelf | 对齐,覆盖alignItems | prop | No | / | Yes |
+| order | 弹性布局顺序 | prop | No | / | No |
+
+**API border**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| border | 边框 | prop | No | / | Yes |
+| borderWidth | 边框宽度 | prop | No | / | Yes |
+| borderStyle | 边框样式 | prop | No | / | Yes |
+| borderColor | 边框颜色 | prop | No | / | Yes |
+| borderRadius | 边框圆角 | prop | No | / | Yes |
+| borderTop | 上边框 | prop | No | / | No |
+| borderTopWidth | 上边框宽度 | prop | No | / | Yes |
+| borderTopStyle | 上边框样式 | prop | No | / | No |
+| borderTopColor | 上边框颜色 | prop | No | / | Yes |
+| borderTopLeftRadius | 上左边框圆角 | prop | No | / | Yes |
+| borderTopRightRadius | 上右边框圆角 | prop | No | / | Yes |
+| borderRight | 右边框 | prop | No | / | No |
+| borderRightWidth | 右边框宽度 | prop | No | / | Yes |
+| borderRightStyle |右边框样式 | prop | No | / | No |
+| borderRightColor | 右边框颜色 | prop | No | / | Yes |
+| borderBottom | 下边框 | prop | No | / | No |
+| borderBottomWidth |下边框宽度 | prop | No | / | Yes |
+| borderBottomStyle |下边框样式 | prop | No | / | No |
+| borderBottomColor | 下边框颜色 | prop | No | / | Yes |
+| borderBottomLeftRadius | 左下边框圆角 | prop | No | / | Yes |
+| borderBottomRightRadius | 右下边框圆角 | prop | No | / | Yes |
+| borderLeft | 左边框 | prop | No | / | No |
+| borderLeftWidth | 左边框宽度 | prop | No | / | Yes |
+| borderLeftStyle | 左边框样式 | prop | No | / | No |
+| borderLeftColor | 左边框颜色 | prop | No | / | Yes |
+| borderX | X轴边框 | prop | No | / | No |
+| borderY |Y轴边框 | prop | No | / | No |
+
+**API position**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| position | 定位 | prop | No | / | Yes |
+| zIndex | 元素堆叠顺序 | prop | No | / | No |
+| top | 上偏移量 | prop | No | / | Yes |
+| right | 右偏移量 | prop | No | / | Yes |
+| bottom | 下偏移量 | prop | No | / | Yes |
+| left | 左偏移量 | prop | No | / | Yes |
+
+**API shadow**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| textShadow | 文本阴影 | prop | No | / | Yes |
+| boxShadow | 盒子阴影 | prop | No | / | No |
+
+**API background**
+
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| backgroundImage | 背景图片 | prop | No | / | No |
+| backgroundSize | 背景尺寸 | prop | No | / | No |
+| backgroundPosition | 背景定位 | prop | No | / | No |
+| backgroundRepeat | 背景图平铺 | prop | No | / | No |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md) ,请自由地享受和参与开源。
--
Gitee
From add06828032d9b6e1d92568c5eb3cf9c672c03a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B4=8B?= <251448644@qq.com>
Date: Mon, 8 Jan 2024 17:07:47 +0800
Subject: [PATCH 2/3] =?UTF-8?q?[Issues:=20#I8UEUE]=20=E6=B7=BB=E5=8A=A0sty?=
=?UTF-8?q?led-system=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
zh-cn/styled-system.md | 42 +++++++++++++++++++++---------------------
1 file changed, 21 insertions(+), 21 deletions(-)
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index cd8a813a..a9f72c1c 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -100,7 +100,7 @@ const Box = styled.div`
| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
| ---- | ---- | ---- | -------- | -------- | -------- |
| color | 颜色| prop | No | / | Yes |
-| bg | 背景色 | prop | No | / | No |
+| bg | 背景色 | prop | No | / | Yes |
**API typography**
@@ -120,12 +120,12 @@ const Box = styled.div`
| ---- | ---- | ---- | -------- | -------- | -------- |
| width | 宽度 | prop | No | / | Yes |
| height | 高度 | prop | No | / | Yes |
-| display | 显示类型 | prop | No | / | No |
+| display | 显示类型 | prop | No | / | 与android效果一致,设置后均无效果 |
| minWidth | 最小宽度 | prop | No | / | Yes |
| minHeight | 最小高度 | prop | No | / | Yes |
| maxHeight |最大高度 | prop | No | / | Yes |
| size | 大小 | prop | No | / | Yes |
-| verticalAlign | 垂直对齐 | prop | No | / | No |
+| verticalAlign | 垂直对齐 | prop | No | / | 与android效果一致,设置后均无效果 |
| overflow | 溢出 | prop | No | / | Yes |
| overflowX | X轴溢出 | prop | No | / | Yes |
| overflowY | Y轴溢出 | prop | No | / | Yes |
@@ -135,8 +135,8 @@ const Box = styled.div`
| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
| ---- | ---- | ---- | -------- | -------- | -------- |
| alignItems | 列内轴对齐项 | prop | No | / | Yes |
-| alignContent | 列内轴对齐内容 | prop | No | / | No |
-| justifyItems | 行内轴对齐项 | prop | No | / | No |
+| alignContent | 列内轴对齐内容 | prop | No | / | 与android效果一致,设置后均无效果 |
+| justifyItems | 行内轴对齐项 | prop | No | / | 与android效果一致,设置后均无效果 |
| justifyContent | 行内轴对齐内容 | prop | No | / | Yes |
| flexWrap | 换行 | prop | No | / | Yes |
| flexDirection | 弹性方向 | prop | No | / | Yes |
@@ -146,7 +146,7 @@ const Box = styled.div`
| flexBasis | 弹性初始长度 | prop | No | / | Yes |
| justifySelf | 行内对齐 | prop | No | / | Yes |
| alignSelf | 对齐,覆盖alignItems | prop | No | / | Yes |
-| order | 弹性布局顺序 | prop | No | / | No |
+| order | 弹性布局顺序 | prop | No | / | 与android效果一致,设置后均无效果 |
**API border**
@@ -157,35 +157,35 @@ const Box = styled.div`
| borderStyle | 边框样式 | prop | No | / | Yes |
| borderColor | 边框颜色 | prop | No | / | Yes |
| borderRadius | 边框圆角 | prop | No | / | Yes |
-| borderTop | 上边框 | prop | No | / | No |
+| borderTop | 上边框 | prop | No | / | 与android效果一致,设置后均无效果 |
| borderTopWidth | 上边框宽度 | prop | No | / | Yes |
-| borderTopStyle | 上边框样式 | prop | No | / | No |
+| borderTopStyle | 上边框样式 | prop | No | / | 与android效果一致,设置后均无效果 |
| borderTopColor | 上边框颜色 | prop | No | / | Yes |
| borderTopLeftRadius | 上左边框圆角 | prop | No | / | Yes |
| borderTopRightRadius | 上右边框圆角 | prop | No | / | Yes |
-| borderRight | 右边框 | prop | No | / | No |
+| borderRight | 右边框 | prop | No | / | 与android效果一致,设置后均无效果 |
| borderRightWidth | 右边框宽度 | prop | No | / | Yes |
-| borderRightStyle |右边框样式 | prop | No | / | No |
+| borderRightStyle |右边框样式 | prop | No | / | 与android效果一致,设置后均无效果 |
| borderRightColor | 右边框颜色 | prop | No | / | Yes |
| borderBottom | 下边框 | prop | No | / | No |
| borderBottomWidth |下边框宽度 | prop | No | / | Yes |
-| borderBottomStyle |下边框样式 | prop | No | / | No |
+| borderBottomStyle |下边框样式 | prop | No | / | 与android效果一致,设置后均无效果 |
| borderBottomColor | 下边框颜色 | prop | No | / | Yes |
| borderBottomLeftRadius | 左下边框圆角 | prop | No | / | Yes |
| borderBottomRightRadius | 右下边框圆角 | prop | No | / | Yes |
-| borderLeft | 左边框 | prop | No | / | No |
+| borderLeft | 左边框 | prop | No | / | 与android效果一致,设置后均无效果 |
| borderLeftWidth | 左边框宽度 | prop | No | / | Yes |
-| borderLeftStyle | 左边框样式 | prop | No | / | No |
+| borderLeftStyle | 左边框样式 | prop | No | / | 与android效果一致,设置后均无效果 |
| borderLeftColor | 左边框颜色 | prop | No | / | Yes |
-| borderX | X轴边框 | prop | No | / | No |
-| borderY |Y轴边框 | prop | No | / | No |
+| borderX | X轴边框 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderY |Y轴边框 | prop | No | / | 与android效果一致,设置后均无效果 |
**API position**
| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
| ---- | ---- | ---- | -------- | -------- | -------- |
| position | 定位 | prop | No | / | Yes |
-| zIndex | 元素堆叠顺序 | prop | No | / | No |
+| zIndex | 元素堆叠顺序 | prop | No | / | 与android效果一致,设置后均无效果 |
| top | 上偏移量 | prop | No | / | Yes |
| right | 右偏移量 | prop | No | / | Yes |
| bottom | 下偏移量 | prop | No | / | Yes |
@@ -196,16 +196,16 @@ const Box = styled.div`
| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
| ---- | ---- | ---- | -------- | -------- | -------- |
| textShadow | 文本阴影 | prop | No | / | Yes |
-| boxShadow | 盒子阴影 | prop | No | / | No |
+| boxShadow | 盒子阴影 | prop | No | / | 与android效果一致,设置后均无效果 |
**API background**
| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
| ---- | ---- | ---- | -------- | -------- | -------- |
-| backgroundImage | 背景图片 | prop | No | / | No |
-| backgroundSize | 背景尺寸 | prop | No | / | No |
-| backgroundPosition | 背景定位 | prop | No | / | No |
-| backgroundRepeat | 背景图平铺 | prop | No | / | No |
+| backgroundImage | 背景图片 | prop | No | / | 与android效果一致,设置后均无效果 |
+| backgroundSize | 背景尺寸 | prop | No | / | 与android效果一致,设置后均无效果 |
+| backgroundPosition | 背景定位 | prop | No | / | 与android效果一致,设置后均无效果 |
+| backgroundRepeat | 背景图平铺 | prop | No | / | 与android效果一致,设置后均无效果 |
## 遗留问题
--
Gitee
From 12d9f0de7753118fb08b3acc9b6294b287897443 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B4=8B?= <251448644@qq.com>
Date: Mon, 8 Jan 2024 17:31:48 +0800
Subject: [PATCH 3/3] =?UTF-8?q?[Issues:=20#I8UEUE]=20=E6=B7=BB=E5=8A=A0sty?=
=?UTF-8?q?led-system=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=E6=96=87?=
=?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
zh-cn/styled-system.md | 68 +++++++++++++++++++++---------------------
1 file changed, 34 insertions(+), 34 deletions(-)
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index a9f72c1c..f09118c7 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -116,27 +116,27 @@ const Box = styled.div`
**API layout**
-| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
-| ---- | ---- | ---- | -------- | -------- | -------- |
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |备注 |
+| ---- | ---- | ---- | -------- | -------- | -------- |-------- |
| width | 宽度 | prop | No | / | Yes |
| height | 高度 | prop | No | / | Yes |
-| display | 显示类型 | prop | No | / | 与android效果一致,设置后均无效果 |
+| display | 显示类型 | prop | No | / |Yes| 与android、ios效果一致,设置后均无效果 |
| minWidth | 最小宽度 | prop | No | / | Yes |
| minHeight | 最小高度 | prop | No | / | Yes |
| maxHeight |最大高度 | prop | No | / | Yes |
| size | 大小 | prop | No | / | Yes |
-| verticalAlign | 垂直对齐 | prop | No | / | 与android效果一致,设置后均无效果 |
+| verticalAlign | 垂直对齐 | prop | No | / |Yes| 与android、ios效果一致,设置后均无效果 |
| overflow | 溢出 | prop | No | / | Yes |
| overflowX | X轴溢出 | prop | No | / | Yes |
| overflowY | Y轴溢出 | prop | No | / | Yes |
**API flexbox**
-| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
-| ---- | ---- | ---- | -------- | -------- | -------- |
-| alignItems | 列内轴对齐项 | prop | No | / | Yes |
-| alignContent | 列内轴对齐内容 | prop | No | / | 与android效果一致,设置后均无效果 |
-| justifyItems | 行内轴对齐项 | prop | No | / | 与android效果一致,设置后均无效果 |
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 | 备注|
+| ---- | ---- | ---- | -------- | -------- | -------- |-------- |
+| alignItems | 列内轴对齐项 | prop | No | / | Yes | |
+| alignContent | 列内轴对齐内容 | prop | No | / | Yes|与android、ios效果一致,设置后均无效果 |
+| justifyItems | 行内轴对齐项 | prop | No | / | Yes|与android、ios效果一致,设置后均无效果 |
| justifyContent | 行内轴对齐内容 | prop | No | / | Yes |
| flexWrap | 换行 | prop | No | / | Yes |
| flexDirection | 弹性方向 | prop | No | / | Yes |
@@ -146,46 +146,46 @@ const Box = styled.div`
| flexBasis | 弹性初始长度 | prop | No | / | Yes |
| justifySelf | 行内对齐 | prop | No | / | Yes |
| alignSelf | 对齐,覆盖alignItems | prop | No | / | Yes |
-| order | 弹性布局顺序 | prop | No | / | 与android效果一致,设置后均无效果 |
+| order | 弹性布局顺序 | prop | No | / |Yes| 与android、ios效果一致,设置后均无效果 |
**API border**
-| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
-| ---- | ---- | ---- | -------- | -------- | -------- |
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 | 备注|
+| ---- | ---- | ---- | -------- | -------- | -------- |-------- |
| border | 边框 | prop | No | / | Yes |
| borderWidth | 边框宽度 | prop | No | / | Yes |
| borderStyle | 边框样式 | prop | No | / | Yes |
| borderColor | 边框颜色 | prop | No | / | Yes |
| borderRadius | 边框圆角 | prop | No | / | Yes |
-| borderTop | 上边框 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderTop | 上边框 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
| borderTopWidth | 上边框宽度 | prop | No | / | Yes |
-| borderTopStyle | 上边框样式 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderTopStyle | 上边框样式 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
| borderTopColor | 上边框颜色 | prop | No | / | Yes |
| borderTopLeftRadius | 上左边框圆角 | prop | No | / | Yes |
| borderTopRightRadius | 上右边框圆角 | prop | No | / | Yes |
-| borderRight | 右边框 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderRight | 右边框 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
| borderRightWidth | 右边框宽度 | prop | No | / | Yes |
-| borderRightStyle |右边框样式 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderRightStyle |右边框样式 | prop | No | / |Yes | 与android、ios效果一致,设置后均无效果 |
| borderRightColor | 右边框颜色 | prop | No | / | Yes |
-| borderBottom | 下边框 | prop | No | / | No |
+| borderBottom | 下边框 | prop | No | / | Yes | 与android、ios效果一致,设置后均无效果 |
| borderBottomWidth |下边框宽度 | prop | No | / | Yes |
-| borderBottomStyle |下边框样式 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderBottomStyle |下边框样式 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
| borderBottomColor | 下边框颜色 | prop | No | / | Yes |
| borderBottomLeftRadius | 左下边框圆角 | prop | No | / | Yes |
| borderBottomRightRadius | 右下边框圆角 | prop | No | / | Yes |
-| borderLeft | 左边框 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderLeft | 左边框 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
| borderLeftWidth | 左边框宽度 | prop | No | / | Yes |
-| borderLeftStyle | 左边框样式 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderLeftStyle | 左边框样式 | prop | No | / |Yes | 与android、ios效果一致,设置后均无效果 |
| borderLeftColor | 左边框颜色 | prop | No | / | Yes |
-| borderX | X轴边框 | prop | No | / | 与android效果一致,设置后均无效果 |
-| borderY |Y轴边框 | prop | No | / | 与android效果一致,设置后均无效果 |
+| borderX | X轴边框 | prop | No | / |Yes | 与android、ios效果一致,设置后均无效果 |
+| borderY |Y轴边框 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
**API position**
-| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
-| ---- | ---- | ---- | -------- | -------- | -------- |
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 | 备注|
+| ---- | ---- | ---- | -------- | -------- | -------- |-------- |
| position | 定位 | prop | No | / | Yes |
-| zIndex | 元素堆叠顺序 | prop | No | / | 与android效果一致,设置后均无效果 |
+| zIndex | 元素堆叠顺序 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
| top | 上偏移量 | prop | No | / | Yes |
| right | 右偏移量 | prop | No | / | Yes |
| bottom | 下偏移量 | prop | No | / | Yes |
@@ -193,19 +193,19 @@ const Box = styled.div`
**API shadow**
-| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
-| ---- | ---- | ---- | -------- | -------- | -------- |
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |备注|
+| ---- | ---- | ---- | -------- | -------- | -------- |-------- |
| textShadow | 文本阴影 | prop | No | / | Yes |
-| boxShadow | 盒子阴影 | prop | No | / | 与android效果一致,设置后均无效果 |
+| boxShadow | 盒子阴影 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
**API background**
-| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
-| ---- | ---- | ---- | -------- | -------- | -------- |
-| backgroundImage | 背景图片 | prop | No | / | 与android效果一致,设置后均无效果 |
-| backgroundSize | 背景尺寸 | prop | No | / | 与android效果一致,设置后均无效果 |
-| backgroundPosition | 背景定位 | prop | No | / | 与android效果一致,设置后均无效果 |
-| backgroundRepeat | 背景图平铺 | prop | No | / | 与android效果一致,设置后均无效果 |
+| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |备注|
+| ---- | ---- | ---- | -------- | -------- | -------- |-------- |
+| backgroundImage | 背景图片 | prop | No | / |Yes | 与android、ios效果一致,设置后均无效果 |
+| backgroundSize | 背景尺寸 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
+| backgroundPosition | 背景定位 | prop | No | / |Yes | 与android、ios效果一致,设置后均无效果 |
+| backgroundRepeat | 背景图平铺 | prop | No | / | Yes |与android、ios效果一致,设置后均无效果 |
## 遗留问题
--
Gitee