提交 74181f17 编写于 作者: H HelloCrease

update docs

Signed-off-by: NHelloCrease <lian15@huawei.com>
上级 cf8034d0
# 基于JS扩展的类Web开发范式 # 基于JS扩展的类Web开发范式
- 组件 - 通用
- 通用
- [通用属性](js-components-common-attributes.md) - [通用属性](js-components-common-attributes.md)
- [通用样式](js-components-common-styles.md) - [通用样式](js-components-common-styles.md)
- [通用事件](js-components-common-events.md) - [通用事件](js-components-common-events.md)
...@@ -12,7 +11,7 @@ ...@@ -12,7 +11,7 @@
- [媒体查询](js-components-common-mediaquery.md) - [媒体查询](js-components-common-mediaquery.md)
- [自定义字体样式](js-components-common-customizing-font.md) - [自定义字体样式](js-components-common-customizing-font.md)
- [原子布局](js-components-common-atomic-layout.md) - [原子布局](js-components-common-atomic-layout.md)
- 容器组件 - 容器组件
- [badge](js-components-container-badge.md) - [badge](js-components-container-badge.md)
- [dialog](js-components-container-dialog.md) - [dialog](js-components-container-dialog.md)
- [div](js-components-container-div.md) - [div](js-components-container-div.md)
...@@ -30,7 +29,7 @@ ...@@ -30,7 +29,7 @@
- [tabs](js-components-container-tabs.md) - [tabs](js-components-container-tabs.md)
- [tab-bar](js-components-container-tab-bar.md) - [tab-bar](js-components-container-tab-bar.md)
- [tab-content](js-components-container-tab-content.md) - [tab-content](js-components-container-tab-content.md)
- 基础组件 - 基础组件
- [button](js-components-basic-button.md) - [button](js-components-basic-button.md)
- [chart](js-components-basic-chart.md) - [chart](js-components-basic-chart.md)
- [divider](js-components-basic-divider.md) - [divider](js-components-basic-divider.md)
...@@ -60,9 +59,9 @@ ...@@ -60,9 +59,9 @@
- [toggle](js-components-basic-toggle.md) - [toggle](js-components-basic-toggle.md)
- [web](js-components-basic-web.md) - [web](js-components-basic-web.md)
- [xcomponent](js-components-basic-xcomponent.md) - [xcomponent](js-components-basic-xcomponent.md)
- 媒体组件 - 媒体组件
- [video](js-components-media-video.md) - [video](js-components-media-video.md)
- 画布组件 - 画布组件
- [canvas组件](js-components-canvas-canvas.md) - [canvas组件](js-components-canvas-canvas.md)
- [CanvasRenderingContext2D对象](js-components-canvas-canvasrenderingcontext2d.md) - [CanvasRenderingContext2D对象](js-components-canvas-canvasrenderingcontext2d.md)
- [Image对象](js-components-canvas-image.md) - [Image对象](js-components-canvas-image.md)
...@@ -72,12 +71,12 @@ ...@@ -72,12 +71,12 @@
- [ImageBitmap对象](js-components-canvas-imagebitmap.md) - [ImageBitmap对象](js-components-canvas-imagebitmap.md)
- [OffscreenCanvas对象](js-components-canvas-offscreencanvas.md) - [OffscreenCanvas对象](js-components-canvas-offscreencanvas.md)
- [OffscreenCanvasRenderingContext2D对象](js-offscreencanvasrenderingcontext2d.md) - [OffscreenCanvasRenderingContext2D对象](js-offscreencanvasrenderingcontext2d.md)
- 栅格组件 - 栅格组件
- [基本概念](js-components-grid-basic-concepts.md) - [基本概念](js-components-grid-basic-concepts.md)
- [grid-container](js-components-grid-container.md) - [grid-container](js-components-grid-container.md)
- [grid-row](js-components-grid-row.md) - [grid-row](js-components-grid-row.md)
- [grid-col](js-components-grid-col.md) - [grid-col](js-components-grid-col.md)
- svg组件 - svg组件
- [通用属性](js-components-svg-common-attributes.md) - [通用属性](js-components-svg-common-attributes.md)
- [svg](js-components-svg.md) - [svg](js-components-svg.md)
- [rect](js-components-svg-rect.md) - [rect](js-components-svg-rect.md)
...@@ -93,6 +92,8 @@ ...@@ -93,6 +92,8 @@
- [animate](js-components-svg-animate.md) - [animate](js-components-svg-animate.md)
- [animateMotion](js-components-svg-animatemotion.md) - [animateMotion](js-components-svg-animatemotion.md)
- [animateTransform](js-components-svg-animatetransform.md) - [animateTransform](js-components-svg-animatetransform.md)
- 自定义组件 - 自定义组件
- [基本用法](js-components-custom-basic-usage.md) - [基本用法](js-components-custom-basic-usage.md)
- [继承样式](js-components-custom-style.md) - [继承样式](js-components-custom-style.md)
...@@ -101,5 +102,4 @@ ...@@ -101,5 +102,4 @@
- [事件参数](js-components-custom-event-parameter.md) - [事件参数](js-components-custom-event-parameter.md)
- [slot插槽](js-components-custom-slot.md) - [slot插槽](js-components-custom-slot.md)
- [生命周期定义](js-components-custom-lifecycle.md) - [生命周期定义](js-components-custom-lifecycle.md)
- 附录 - [数据类型说明](js-appendix-types.md)
- [类型说明](js-appendix-types.md)
# 类型说明 # 数据类型说明
## 长度类型 ## 长度类型
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
## 颜色类型 ## 颜色类型
| 名称 | 类型定义 | 描述 | | 名称 | 类型定义 | 描述 |
| ----- | --------------------- | ---------------------------------------- | | ----- | --------------------------- | ---------------------------------------- |
| color | string&nbsp;\|&nbsp;颜色枚举字符串 | 用于描述颜色信息,JS脚本中不支持颜色枚举格式。<br/>字符串格式如下:<br/>-&nbsp;'rgb(255,&nbsp;255,&nbsp;255)'<br/>-&nbsp;'rgba(255,&nbsp;255,&nbsp;255,&nbsp;1.0)'<br/>-&nbsp;HEX格式:'\#rrggbb','\#aarrggbb'<br/>-&nbsp;枚举格式:'black','white'。 | | color | string&nbsp;\|&nbsp;颜色枚举字符串 | 用于描述颜色信息,JS脚本中不支持颜色枚举格式。<br/>字符串格式如下:<br/>-&nbsp;'rgb(255,&nbsp;255,&nbsp;255)'<br/>-&nbsp;'rgba(255,&nbsp;255,&nbsp;255,&nbsp;1.0)'<br/>-&nbsp;HEX格式:'\#rrggbb','\#aarrggbb'<br/>-&nbsp;枚举格式:'black','white'。 |
**表1** 当前支持的颜色枚举 **表1** 当前支持的颜色枚举
......
# 基于TS扩展的声明式开发范式 # 基于TS扩展的声明式开发范式
- 组件 - 组件通用信息
- 通用
- 通用事件 - 通用事件
- [点击事件](ts-universal-events-click.md) - [点击事件](ts-universal-events-click.md)
- [触摸事件](ts-universal-events-touch.md) - [触摸事件](ts-universal-events-touch.md)
...@@ -49,7 +48,7 @@ ...@@ -49,7 +48,7 @@
- [RotationGesture](ts-basic-gestures-rotationgesture.md) - [RotationGesture](ts-basic-gestures-rotationgesture.md)
- [SwipeGesture](ts-basic-gestures-swipegesture.md) - [SwipeGesture](ts-basic-gestures-swipegesture.md)
- [组合手势](ts-combined-gestures.md) - [组合手势](ts-combined-gestures.md)
- 基础组件 - 基础组件
- [Blank](ts-basic-components-blank.md) - [Blank](ts-basic-components-blank.md)
- [Button](ts-basic-components-button.md) - [Button](ts-basic-components-button.md)
- [Checkbox](ts-basic-components-checkbox.md) - [Checkbox](ts-basic-components-checkbox.md)
...@@ -88,7 +87,7 @@ ...@@ -88,7 +87,7 @@
- [Toggle](ts-basic-components-toggle.md) - [Toggle](ts-basic-components-toggle.md)
- [Web](ts-basic-components-web.md) - [Web](ts-basic-components-web.md)
- [XComponent](ts-basic-components-xcomponent.md) - [XComponent](ts-basic-components-xcomponent.md)
- 容器组件 - 容器组件
- [AbilityComponent](ts-container-ability-component.md) - [AbilityComponent](ts-container-ability-component.md)
- [AlphabetIndexer](ts-container-alphabet-indexer.md) - [AlphabetIndexer](ts-container-alphabet-indexer.md)
- [Badge](ts-container-badge.md) - [Badge](ts-container-badge.md)
...@@ -113,9 +112,9 @@ ...@@ -113,9 +112,9 @@
- [Swiper](ts-container-swiper.md) - [Swiper](ts-container-swiper.md)
- [Tabs](ts-container-tabs.md) - [Tabs](ts-container-tabs.md)
- [TabContent](ts-container-tabcontent.md) - [TabContent](ts-container-tabcontent.md)
- 媒体组件 - 媒体组件
- [Video](ts-media-components-video.md) - [Video](ts-media-components-video.md)
- 绘制组件 - 绘制组件
- [Circle](ts-drawing-components-circle.md) - [Circle](ts-drawing-components-circle.md)
- [Ellipse](ts-drawing-components-ellipse.md) - [Ellipse](ts-drawing-components-ellipse.md)
- [Line](ts-drawing-components-line.md) - [Line](ts-drawing-components-line.md)
...@@ -124,7 +123,7 @@ ...@@ -124,7 +123,7 @@
- [Path](ts-drawing-components-path.md) - [Path](ts-drawing-components-path.md)
- [Rect](ts-drawing-components-rect.md) - [Rect](ts-drawing-components-rect.md)
- [Shape](ts-drawing-components-shape.md) - [Shape](ts-drawing-components-shape.md)
- 画布组件 - 画布组件
- [Canvas](ts-components-canvas-canvas.md) - [Canvas](ts-components-canvas-canvas.md)
- [CanvasRenderingContext2D对象](ts-canvasrenderingcontext2d.md) - [CanvasRenderingContext2D对象](ts-canvasrenderingcontext2d.md)
- [OffscreenCanvasRenderingConxt2D对象](ts-offscreencanvasrenderingcontext2d.md) - [OffscreenCanvasRenderingConxt2D对象](ts-offscreencanvasrenderingcontext2d.md)
...@@ -133,6 +132,8 @@ ...@@ -133,6 +132,8 @@
- [CanvasGradient对象](ts-components-canvas-canvasgradient.md) - [CanvasGradient对象](ts-components-canvas-canvasgradient.md)
- [ImageBitmap对象](ts-components-canvas-imagebitmap.md) - [ImageBitmap对象](ts-components-canvas-imagebitmap.md)
- [ImageData对象](ts-components-canvas-imagedata.md) - [ImageData对象](ts-components-canvas-imagedata.md)
- 动画 - 动画
- [属性动画](ts-animatorproperty.md) - [属性动画](ts-animatorproperty.md)
- [显式动画](ts-explicit-animation.md) - [显式动画](ts-explicit-animation.md)
......
...@@ -25,7 +25,7 @@ RenderingContextSettings(antialias?: boolean) ...@@ -25,7 +25,7 @@ RenderingContextSettings(antialias?: boolean)
- 参数 - 参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | | 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| --------- | ---- | ---- | ----- | ---------------- | | --------- | ------- | ---- | ----- | ---------------- |
| antialias | boolean | 否 | false | 表明canvas是否开启抗锯齿。 | | antialias | boolean | 否 | false | 表明canvas是否开启抗锯齿。 |
...@@ -1747,7 +1747,7 @@ drawImage(image: ImageBitmap | PixelMap, sx: number, sy: number, sWidth: number, ...@@ -1747,7 +1747,7 @@ drawImage(image: ImageBitmap | PixelMap, sx: number, sy: number, sWidth: number,
- 参数 - 参数
| 参数 | 类型 | 必填 | 默认值 | 描述 | | 参数 | 类型 | 必填 | 默认值 | 描述 |
| ------- | ---------------------------------------- | ---- | ---- | ----------------------------- | | ------- | ---------------------------------------- | ---- | ---- | ---------------------------------------- |
| image | [ImageBitmap](ts-components-canvas-imagebitmap.md)[PixelMap](../apis/js-apis-image.md#pixelmap7) | 是 | null | 图片资源,请参考ImageBitmap或PixelMap。 | | image | [ImageBitmap](ts-components-canvas-imagebitmap.md)[PixelMap](../apis/js-apis-image.md#pixelmap7) | 是 | null | 图片资源,请参考ImageBitmap或PixelMap。 |
| sx | number | 否 | 0 | 裁切源图像时距离源图像左上角的x坐标值。 | | sx | number | 否 | 0 | 裁切源图像时距离源图像左上角的x坐标值。 |
| sy | number | 否 | 0 | 裁切源图像时距离源图像左上角的y坐标值。 | | sy | number | 否 | 0 | 裁切源图像时距离源图像左上角的y坐标值。 |
...@@ -1755,8 +1755,8 @@ drawImage(image: ImageBitmap | PixelMap, sx: number, sy: number, sWidth: number, ...@@ -1755,8 +1755,8 @@ drawImage(image: ImageBitmap | PixelMap, sx: number, sy: number, sWidth: number,
| sHeight | number | 否 | 0 | 裁切源图像时需要裁切的高度。 | | sHeight | number | 否 | 0 | 裁切源图像时需要裁切的高度。 |
| dx | number | 是 | 0 | 绘制区域左上角在x轴的位置。 | | dx | number | 是 | 0 | 绘制区域左上角在x轴的位置。 |
| dy | number | 是 | 0 | 绘制区域左上角在y&nbsp;轴的位置。 | | dy | number | 是 | 0 | 绘制区域左上角在y&nbsp;轴的位置。 |
| dWidth | number | 否 | 0 | 绘制区域的宽度。 | | dWidth | number | 否 | 0 | 绘制区域的宽度。当绘制区域的宽度和裁剪图像的宽度不一致时,将图像宽度拉伸或压缩为绘制区域的宽度。 |
| dHeight | number | 否 | 0 | 绘制区域的高度。 | | dHeight | number | 否 | 0 | 绘制区域的高度。当绘制区域的高度和裁剪图像的高度不一致时,将图像高度拉伸或压缩为绘制区域的高度。 |
- 示例 - 示例
......
...@@ -35,7 +35,7 @@ Swiper(value:{controller?: SwiperController}) ...@@ -35,7 +35,7 @@ Swiper(value:{controller?: SwiperController})
| autoPlay | boolean | false | 子组件是否自动播放,自动播放状态下,导航点不可操作。 | | autoPlay | boolean | false | 子组件是否自动播放,自动播放状态下,导航点不可操作。 |
| interval | number | 3000 | 使用自动播放时播放的时间间隔,单位为毫秒。 | | interval | number | 3000 | 使用自动播放时播放的时间间隔,单位为毫秒。 |
| indicator | boolean | true | 是否启用导航点指示器。 | | indicator | boolean | true | 是否启用导航点指示器。 |
| loop | boolean | true | 是否开启循环。 | | loop | boolean | true | 是否开启循环。<br>设置为true时表示开启循环,在LazyForEach懒循环加载模式下,加载的组件数量建议大于5个。 |
| duration | number | 400 | 子组件切换的动画时长,单位为毫秒。 | | duration | number | 400 | 子组件切换的动画时长,单位为毫秒。 |
| vertical | boolean | false | 是否为纵向滑动。 | | vertical | boolean | false | 是否为纵向滑动。 |
| itemSpace | Length | 0 | 设置子组件与子组件之间间隙。 | | itemSpace | Length | 0 | 设置子组件与子组件之间间隙。 |
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册