Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
c76e8237
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
提交
c76e8237
编写于
8月 10, 2023
作者:
Y
yamila
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update span
Signed-off-by:
N
yamila
<
tianyu55@huawei.com
>
上级
1066691c
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
10 addition
and
4 deletion
+10
-4
zh-cn/application-dev/reference/arkui-ts/figures/span.png
zh-cn/application-dev/reference/arkui-ts/figures/span.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-span.md
...cation-dev/reference/arkui-ts/ts-basic-components-span.md
+7
-1
zh-cn/application-dev/reference/arkui-ts/ts-types.md
zh-cn/application-dev/reference/arkui-ts/ts-types.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-text-style.md
.../reference/arkui-ts/ts-universal-attributes-text-style.md
+1
-1
zh-cn/application-dev/ui/arkts-layout-development-flex-layout.md
...pplication-dev/ui/arkts-layout-development-flex-layout.md
+1
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/span.png
查看替换文件 @
1066691c
浏览文件 @
c76e8237
34.0 KB
|
W:
|
H:
60.8 KB
|
W:
|
H:
2-up
Swipe
Onion skin
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-span.md
浏览文件 @
c76e8237
...
@@ -55,6 +55,12 @@ struct SpanExample {
...
@@ -55,6 +55,12 @@ struct SpanExample {
build
()
{
build
()
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Start
,
justifyContent
:
FlexAlign
.
SpaceBetween
})
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Start
,
justifyContent
:
FlexAlign
.
SpaceBetween
})
{
Text
(
'
Basic Usage
'
).
fontSize
(
9
).
fontColor
(
0xCCCCCC
)
Text
(
'
Basic Usage
'
).
fontSize
(
9
).
fontColor
(
0xCCCCCC
)
Text
()
{
Span
(
'
In Line
'
)
Span
(
'
Component
'
)
Span
(
'
!
'
)
}
Text
()
{
Text
()
{
Span
(
'
This is the Span component
'
).
fontSize
(
12
).
textCase
(
TextCase
.
Normal
)
Span
(
'
This is the Span component
'
).
fontSize
(
12
).
textCase
(
TextCase
.
Normal
)
.
decoration
({
type
:
TextDecorationType
.
None
,
color
:
Color
.
Red
})
.
decoration
({
type
:
TextDecorationType
.
None
,
color
:
Color
.
Red
})
...
@@ -115,4 +121,4 @@ struct SpanExample {
...
@@ -115,4 +121,4 @@ struct SpanExample {
}
}
```
```
![
span
](
figures/span.png
)
![
Span
](
figures/Span.PNG
)
zh-cn/application-dev/reference/arkui-ts/ts-types.md
浏览文件 @
c76e8237
...
@@ -144,7 +144,7 @@
...
@@ -144,7 +144,7 @@
| ------ | ---------------------------------------- | ---- | ---------------------------------------- |
| ------ | ---------------------------------------- | ---- | ---------------------------------------- |
| size |
[
Length
](
#length
)
| 否 | 设置文本尺寸,Length为number类型时,使用fp单位。不支持设置百分比字符串。 |
| size |
[
Length
](
#length
)
| 否 | 设置文本尺寸,Length为number类型时,使用fp单位。不支持设置百分比字符串。 |
| weight |
[
FontWeight
](
ts-appendix-enums.md#fontweight
)
\|
number
\|
string | 否 | 设置文本的字体粗细,number类型取值[100, 900],取值间隔为100,默认为400,取值越大,字体越粗。 |
| weight |
[
FontWeight
](
ts-appendix-enums.md#fontweight
)
\|
number
\|
string | 否 | 设置文本的字体粗细,number类型取值[100, 900],取值间隔为100,默认为400,取值越大,字体越粗。 |
| family | string
\|
[
Resource
](
#resource
)
| 否 | 设置文本的字体列表。使用多个字体,使用','进行分割,优先级按顺序生效。'Arial, HarmonyOS Sans'。当前
只支持'HarmonyOS Sans'字体
。 |
| family | string
\|
[
Resource
](
#resource
)
| 否 | 设置文本的字体列表。使用多个字体,使用','进行分割,优先级按顺序生效。'Arial, HarmonyOS Sans'。当前
支持'HarmonyOS Sans'字体和
[
注册自定义字体
](
../apis/js-apis-font.md
)
。 |
| style |
[
FontStyle
](
ts-appendix-enums.md#fontstyle
)
| 否 | 设置文本的字体样式。 |
| style |
[
FontStyle
](
ts-appendix-enums.md#fontstyle
)
| 否 | 设置文本的字体样式。 |
## Area<sup>8+</sup>
## Area<sup>8+</sup>
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-text-style.md
浏览文件 @
c76e8237
...
@@ -17,7 +17,7 @@
...
@@ -17,7 +17,7 @@
| fontSize |
[
Length
](
ts-types.md#length
)
| 设置字体大小,Length为number类型时,使用fp单位。字体默认大小16。不支持设置百分比字符串。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| fontSize |
[
Length
](
ts-types.md#length
)
| 设置字体大小,Length为number类型时,使用fp单位。字体默认大小16。不支持设置百分比字符串。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| fontStyle |
[
FontStyle
](
ts-appendix-enums.md#fontstyle
)
| 设置字体样式。
<br>
默认值:FontStyle.Normal
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| fontStyle |
[
FontStyle
](
ts-appendix-enums.md#fontstyle
)
| 设置字体样式。
<br>
默认值:FontStyle.Normal
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| fontWeight | number
\|
[FontWeight](ts-appendix-enums.md#fontweight)
\|
string | 设置文本的字体粗细,number类型取值[100,
900],取值间隔为100,默认为400,取值越大,字体越粗。string类型仅支持number类型取值的字符串形式,例如"400",以及"bold"、"bolder"、"lighter"、"regular"、"medium",分别对应FontWeight中相应的枚举值。
<br/>
默认值:FontWeight.Normal
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| fontWeight | number
\|
[FontWeight](ts-appendix-enums.md#fontweight)
\|
string | 设置文本的字体粗细,number类型取值[100,
900],取值间隔为100,默认为400,取值越大,字体越粗。string类型仅支持number类型取值的字符串形式,例如"400",以及"bold"、"bolder"、"lighter"、"regular"、"medium",分别对应FontWeight中相应的枚举值。
<br/>
默认值:FontWeight.Normal
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| fontFamily | string
\|
[
Resource
](
ts-types.md#resource
)
| 设置字体列表。默认字体'HarmonyOS Sans',
且当前只支持这种字体
。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| fontFamily | string
\|
[
Resource
](
ts-types.md#resource
)
| 设置字体列表。默认字体'HarmonyOS Sans',
当前支持'HarmonyOS Sans'字体和
[
注册自定义字体
](
../apis/js-apis-font.md
)
。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| lineHeight | string
\|
number
\|
[
Resource
](
ts-types.md#resource
)
| 设置文本的文本行高,设置值不大于0时,不限制文本行高,自适应字体大小,Length为number类型时单位为fp。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| lineHeight | string
\|
number
\|
[
Resource
](
ts-types.md#resource
)
| 设置文本的文本行高,设置值不大于0时,不限制文本行高,自适应字体大小,Length为number类型时单位为fp。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| decoration | {
<br/>
type:
[TextDecorationType](ts-appendix-enums.md#textdecorationtype),
<br/>
color?:
[
ResourceColor
](
ts-types.md#resourcecolor
)
<br/>
} | 设置文本装饰线样式及其颜色。
<br
/>
默认值:{
<br/>
type:
TextDecorationType.None,
<br/>
color:Color.Black
<br/>
}
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| decoration | {
<br/>
type:
[TextDecorationType](ts-appendix-enums.md#textdecorationtype),
<br/>
color?:
[
ResourceColor
](
ts-types.md#resourcecolor
)
<br/>
} | 设置文本装饰线样式及其颜色。
<br
/>
默认值:{
<br/>
type:
TextDecorationType.None,
<br/>
color:Color.Black
<br/>
}
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
...
...
zh-cn/application-dev/ui/arkts-layout-development-flex-layout.md
浏览文件 @
c76e8237
...
@@ -546,7 +546,7 @@ Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) { // 容器
...
@@ -546,7 +546,7 @@ Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) { // 容器
```
ts
```
ts
Flex
()
{
Flex
()
{
Text
(
'
flexGrow(1)
'
)
Text
(
'
flexGrow(1)
'
)
.
flexGrow
(
2
)
.
flexGrow
(
1
)
.
width
(
100
)
.
width
(
100
)
.
height
(
100
)
.
height
(
100
)
.
backgroundColor
(
0xF5DEB3
)
.
backgroundColor
(
0xF5DEB3
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录