From f7e0a6c1aa8503568a0784df59170cd55eeadd69 Mon Sep 17 00:00:00 2001 From: sunjiakun Date: Fri, 12 May 2023 16:56:52 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90ArkUI=E7=BB=84=E4=BB=B6UX=E4=B8=80?= =?UTF-8?q?=E8=87=B4=E6=80=A7=E3=80=91Swiper=E7=BB=84=E4=BB=B6=E5=AF=BC?= =?UTF-8?q?=E8=88=AA=E7=82=B9=E5=8F=AF=E9=85=8D=E7=BD=AE=E5=90=AB=E5=B7=A6?= =?UTF-8?q?=E5=8F=B3=E7=AE=AD=E5=A4=B4=E6=A0=B7=E5=BC=8FDOC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: sunjiakun --- .../reference/arkui-ts/ts-container-swiper.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md index 129851a67c..3fee48a1b7 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md @@ -48,6 +48,7 @@ Swiper(controller?: SwiperController) | indicatorStyle8+ | {
left?: [Length](ts-types.md#length),
top?: [Length](ts-types.md#length),
right?: [Length](ts-types.md#length),
bottom?: [Length](ts-types.md#length),
size?: [Length](ts-types.md#length),
mask?: boolean,
color?: [ResourceColor](ts-types.md),
selectedColor?: [ResourceColor](ts-types.md)
} | 设置导航点样式：
\- left: 设置导航点距离Swiper组件左边的距离。
\- top: 设置导航点距离Swiper组件顶部的距离。
\- right: 设置导航点距离Swiper组件右边的距离。
\- bottom: 设置导航点距离Swiper组件底部的距离。
\- size: 设置导航点的直径，不支持设置百分比。默认值：6vp。
\- mask: 设置是否显示导航点蒙层样式。
\- color: 设置导航点的颜色。
\- selectedColor: 设置选中的导航点的颜色。 | | displayCount8+ | number\|string | 设置一页内元素显示个数。
默认值：1
**说明：**
字符串类型仅支持设置为'auto'，显示效果同SwiperDisplayMode.AutoLinear。
使用number类型时，子组件按照主轴均分Swiper宽度（减去displayCount-1的itemSpace）的方式进行主轴拉伸（收缩）布局。 | | effectMode8+ | [EdgeEffect](ts-appendix-enums.md#edgeeffect) | 滑动效果，目前支持的滑动效果参见EdgeEffect的枚举说明。
默认值：EdgeEffect.Spring
**说明：**
控制器接口调用时不生效回弹。 | +| displayArrow10+ | value:[ArrowStyle](#arrowstyle10) \| boolean,
isHoverShow?: boolean | 设置导航点箭头样式。
默认值：false
isHoverShow：鼠标悬停时显示箭头 | ## SwiperDisplayMode枚举说明 @@ -120,6 +121,20 @@ finishAnimation(callback?: () => void): void | digitFont | {
size?:[Length](ts-types.md#length)
weight?:number \| [FontWeight](ts-appendix-enums.md#fontweight) \| string
} | 否 | 设置Swiper组件数字导航点的字体样式：
\- size：数字导航点指示器的字体大小。
默认值：14vp
\- weight：数字导航点指示器的字重。 | | selectedDigitFont | {
size?:[Length](ts-types.md#length)
weight?:number \| [FontWeight](ts-appendix-enums.md#fontweight) \| string
} | 否 | 设置选中Swiper组件数字导航点的字体样式：
\- size：数字导航点选中指示器的字体大小。
默认值：14vp
\- weight：数字导航点选中指示器的字重。 | +### ArrowStyle10+对象说明 +左右箭头属性。 + +| 参数名 | 参数类型 | 必填项 | 参数描述 | +| ------------- | -------- | ------ | -------- | +| isShowBackground | boolean | 否 | 设置箭头底板是否显示。
默认值：false | +| isSidebarMiddle | boolean | 否 | 设置箭头是否在内容区两侧居中显示。
默认值：false，默认显示在导航点指示器两侧。| +| backgroundSize | [Length](ts-types.md#length) | 否 | 设置底板大小。
默认值：24vp | +| backgroundColor | [ResourceColor](ts-types.md#resourcecolor) | 否 | 设置底板颜色。
默认值：\#19182431 | +| arrowSize | [Length](ts-types.md#length) | 否 | 设置箭头大小。
默认值：18vp | +| arrowColor | [ResourceColor](ts-types.md#resourcecolor) | 否 | 设置箭头颜色。
默认值：\#182431 | + + + ## 事件 除支持[通用事件](ts-universal-events-click.md)外，还支持以下事件： -- GitLab