Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
80c85090
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看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
80c85090
编写于
3月 25, 2023
作者:
O
openharmony_ci
提交者:
Gitee
3月 25, 2023
浏览文件
操作
浏览文件
下载
差异文件
!15714 Swiper组件UX规格与特征动效整改DOC
Merge pull request !15714 from chensi10/master
上级
143e0866
a83c0a87
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
39 addition
and
1 deletion
+39
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
...application-dev/reference/arkui-ts/ts-container-swiper.md
+39
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
浏览文件 @
80c85090
...
@@ -32,7 +32,7 @@ Swiper(controller?: SwiperController)
...
@@ -32,7 +32,7 @@ Swiper(controller?: SwiperController)
| index | number | 设置当前在容器中显示的子组件的索引值。
<br/>
默认值:0 |
| index | number | 设置当前在容器中显示的子组件的索引值。
<br/>
默认值:0 |
| autoPlay | boolean | 子组件是否自动播放。
<br/>
默认值:false |
| autoPlay | boolean | 子组件是否自动播放。
<br/>
默认值:false |
| interval | number | 使用自动播放时播放的时间间隔,单位为毫秒。
<br/>
默认值:3000 |
| interval | number | 使用自动播放时播放的时间间隔,单位为毫秒。
<br/>
默认值:3000 |
| indicator
| boolean | 是否启用导航点指示器。
<br/>
默认值:true
|
| indicator
<sup>
10+
</sup>
|
[
DotIndicator
](
#dotindicator
)
\|
[
DigitIndicator
](
#digitindicator
)
\|
boolean | 设置可选导航点指示器样式。
<br/>
\-
DotIndicator:圆点指示器样式。
<br/>
\-
DigitIndicator:数字指示器样式。
<br/>
\-
boolean:是否启用导航点指示器。
<br/>
默认值:true
<br/>
默认类型:DotIndicator
|
| loop | boolean | 是否开启循环。
<br>
设置为true时表示开启循环,在LazyForEach懒循环加载模式下,加载的组件数量建议大于5个。
<br/>
默认值:true |
| loop | boolean | 是否开启循环。
<br>
设置为true时表示开启循环,在LazyForEach懒循环加载模式下,加载的组件数量建议大于5个。
<br/>
默认值:true |
| duration | number | 子组件切换的动画时长,单位为毫秒。
<br/>
默认值:400 |
| duration | number | 子组件切换的动画时长,单位为毫秒。
<br/>
默认值:400 |
| vertical | boolean | 是否为纵向滑动。
<br/>
默认值:false |
| vertical | boolean | 是否为纵向滑动。
<br/>
默认值:false |
...
@@ -80,6 +80,44 @@ finishAnimation(callback?: () => void): void
...
@@ -80,6 +80,44 @@ finishAnimation(callback?: () => void): void
| --------- | ---------- | ------ | -------- |
| --------- | ---------- | ------ | -------- |
| callback | () => void | 否 | 动画结束的回调。 |
| callback | () => void | 否 | 动画结束的回调。 |
## Indicator<sup>10+</sup>对象说明
设置导航点距离Swiper组件距离。
| 参数名 | 参数类型 | 必填项 | 参数描述 |
| ------ | -------- | ------ | ------------------------------------ |
| left |
[
Length
](
ts-types.md#length
)
| 否 | 设置导航点距离Swiper组件左边的距离。 |
| top |
[
Length
](
ts-types.md#length
)
| 否 | 设置导航点距离Swiper组件顶部的距离。 |
| right |
[
Length
](
ts-types.md#length
)
| 否 | 设置导航点距离Swiper组件右边的距离。 |
| bottom |
[
Length
](
ts-types.md#length
)
| 否 | 设置导航点距离Swiper组件底部的距离。 |
### DotIndicator
圆点指示器属性及功能继承自Indicator。
| 参数名 | 参数类型 | 必填项 | 参数描述 |
| ------------------ | ------------- | ------ | ------------------------------------------------------ |
| itemWidth |
[
Length
](
ts-types.md#length
)
| 否 | 设置Swiper组件圆点导航指示器的宽。 |
| itemHeight |
[
Length
](
ts-types.md#length
)
| 否 | 设置Swiper组件圆点导航指示器的高。 |
| selectedItemWidth |
[
Length
](
ts-types.md#length
)
| 否 | 设置选中Swiper组件圆点导航指示器的宽。 |
| selectedItemHeight |
[
Length
](
ts-types.md#length
)
| 否 | 设置选中Swiper组件圆点导航指示器的高。 |
| mask | boolean | 否 | 设置是否显示Swiper组件圆点导航指示器的蒙版样式。 |
| color |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 否 | 设置Swiper组件圆点导航指示器的颜色。 |
| selectedColor |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 否 | 设置选中Swiper组件圆点导航指示器的颜色。 |
### DigitIndicator
数字指示器属性及功能继承自Indicator。
| 参数名 | 参数类型 | 必填项 | 参数描述 |
| ----------------- | ------------------------------------------------------------ | ------ | ------------------------------------------------------------ |
| fontColor |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 否 | 设置Swiper组件数字导航点的字体颜色。 |
| selectedFontColor |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 否 | 设置选中Swiper组件数字导航点的字体颜色。 |
| digitFont | {
<br/>
size?:
[
Length
](
ts-types.md#length
)
<br/>
weight?:number
\|
[
FontWeight
](
ts-appendix-enums.md#fontweight
)
\|
string
<br/>
} | 否 | 设置Swiper组件数字导航点的字体样式:
<br/>
\-
size:数字导航点指示器的字体大小。
<br/>
\-
weight:数字导航点指示器的字重。 |
| selectedDigitFont | {
<br/>
size?:
[
Length
](
ts-types.md#length
)
<br/>
weight?:number
\|
[
FontWeight
](
ts-appendix-enums.md#fontweight
)
\|
string
<br/>
} | 否 | 设置选中Swiper组件数字导航点的字体样式:
<br/>
\-
size:数字导航点选中指示器的字体大小。
<br/>
\-
weight:数字导航点选中指示器的字重。 |
## 事件
## 事件
### onChange
### onChange
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录