提交 d166694f 编写于 作者: E ester.zhou
上级 93896800
# search # search
> **NOTE** > **NOTE**
>
> This component is supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version.
The **\<search>** component provides an input area for users to search. The **\<search>** component provides an input area for users to search.
......
# select # select
The **<select\>** component provides a drop-down list that allows users to select among multiple options.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version.
The **<select\>** component provides a drop-down list that allows users to select among multiple options.
## Child Components ## Child Components
......
# web # web
The **\<web>** component displays web page content.
>**NOTE** >**NOTE**
> >
>This component is supported since API version 6. Updates will be marked with a superscript to indicate their earliest API version. >This component is supported since API version 6. Updates will be marked with a superscript to indicate their earliest API version.
The **\<web>** component displays web page content.
## Required Permissions ## Required Permissions
ohos.permission.INTERNET, required only for accessing online web pages. ohos.permission.INTERNET, required only for accessing online web pages.
......
# Animation Styles # Animation Styles
Components support dynamic rotation, translation, and scaling effects. These effects can be set in the **style** attribute or CSS files.
> **NOTE** > **NOTE**
> >
> The initial APIs of this component are supported since API version 7. Newly added APIs will be marked with a superscript to indicate their earliest API version. > The initial APIs of this component are supported since API version 7. Newly added APIs will be marked with a superscript to indicate their earliest API version.
Components support dynamic rotation, translation, and scaling effects. These effects can be set in the **style** attribute or CSS files.
| Name | Type | Description | | Name | Type | Description |
| ------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | | ------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
| transform-origin | string<sup>6+</sup> \| \<percentage> \| \<length> string<sup>6+</sup> \| \<percentage> \| \<length> | Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component). If only one value is specified, the other one is **50%**. The available values for the first string are **left**, **center**, and **right**. The available values for the second string are **top**, **center**, and **bottom**.<br>Example:<br/>transform-origin: 200px 30%<br/>transform-origin: 100px topt<br/>ransform-origin: center center<br/>Default value: **center center** | | transform-origin | string<sup>6+</sup> \| \<percentage> \| \<length> string<sup>6+</sup> \| \<percentage> \| \<length> | Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component). If only one value is specified, the other one is **50%**. The available values for the first string are **left**, **center**, and **right**. The available values for the second string are **top**, **center**, and **bottom**.<br>Example:<br/>transform-origin: 200px 30%<br/>transform-origin: 100px topt<br/>ransform-origin: center center<br/>Default value: **center center** |
......
# Atomic Layout # Atomic Layout
The atomic layout implements adaptive layout for screens of different sizes and types. Designers can use the atomic layout to define adaptive rules for elements on UIs of different forms. Developers can use the atomic layout to implement the adaptive UI features matching the design effect for a variety of screens.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 5. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 5. Updates will be marked with a superscript to indicate their earliest API version.
The atomic layout implements adaptive layout for screens of different sizes and types. Designers can use the atomic layout to define adaptive rules for elements on UIs of different forms. Developers can use the atomic layout to implement the adaptive UI features matching the design effect for a variety of screens.
## Hiding Components ## Hiding Components
......
# stepper-item # stepper-item
The **\<stepper-item>** component displays a step in the step navigator. This component is the child component of **\<stepper>**.
> **NOTE** > **NOTE**
> This component is supported since API version 5. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 5. Updates will be marked with a superscript to indicate their earliest API version.
The **\<stepper-item>** component displays a step in the step navigator. This component is the child component of **\<stepper>**.
## Required Permissions ## Required Permissions
None None
......
# tab-content # tab-content
**<tab-content\>** is a child component of **[<tabs\>](js-components-container-tabs.md)** and is used to provide the area for displaying the tab content. By default, its height is such that all the remaining space of the **<tabs\>** component is filled. The child components are arranged horizontally. When **<tab-content\>** is used as a child element in a container, its length along the main axis must be specified. Otherwise, it cannot be displayed.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 4. Updates will be marked with a superscript to indicate their earliest API version.
**<tab-content\>** is a child component of **[<tabs\>](js-components-container-tabs.md)** and is used to provide the area for displaying the tab content. By default, its height is such that all the remaining space of the **<tabs\>** component is filled. The child components are arranged horizontally. When **<tab-content\>** is used as a child element in a container, its length along the main axis must be specified. Otherwise, it cannot be displayed. **\<tab-content>** does not support page scrolling. If page scrolling is required, consider nesting a list.
## Required Permissions ## Required Permissions
...@@ -21,7 +20,7 @@ Supported ...@@ -21,7 +20,7 @@ Supported
In addition to the [universal attributes](../arkui-js/js-components-common-attributes.md), the following attributes are supported. In addition to the [universal attributes](../arkui-js/js-components-common-attributes.md), the following attributes are supported.
| Name | Type| Mandatory| Description| | Name| Type| Mandatory| Description|
| -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- |
| scrollable | boolean | No| Whether the tabs can be switched by swiping left or right. The default value is **true**. If this attribute is set to **false**, tab switching is implemented only through the association with **tab-bar**.| | scrollable | boolean | No| Whether the tabs can be switched by swiping left or right. The default value is **true**. If this attribute is set to **false**, tab switching is implemented only through the association with **tab-bar**.|
......
# Style Inheritance # Style Inheritance
> **NOTE**<br/> > **NOTE**
> >
> The APIs of this module are supported since API version 9. Updates will be marked with a superscript to indicate their earliest API version. > The APIs of this module are supported since API version 9. Updates will be marked with a superscript to indicate their earliest API version.
......
# circle # circle
The **\<circle>** component is used to draw circles.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **\<circle>** component is used to draw circles.
## Required Permissions ## Required Permissions
......
# ellipse # ellipse
The **\<ellipse>** component is used to draw oval shapes.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **\<ellipse>** component is used to draw oval shapes.
## Required Permissions ## Required Permissions
......
# line # line
The **\<line>** component is used to draw a line.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **\<line>** component is used to draw a line.
## Required Permissions ## Required Permissions
......
# path # path
The **\<path>** component is used to draw a path.
> **NOTE** > **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. >
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **\<path>** component is used to draw a path.
## Required Permissions ## Required Permissions
......
# polygon # polygon
The **\<polygon>** component is used to draw a polygon.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **\<polygon>** component is used to draw a polygon.
## Required Permissions ## Required Permissions
None None
...@@ -19,7 +20,7 @@ The following are supported: [\<animate>](js-components-svg-animate.md), [\<anim ...@@ -19,7 +20,7 @@ The following are supported: [\<animate>](js-components-svg-animate.md), [\<anim
## Attributes ## Attributes
The [universal attributes](../arkui-js/js-components-svg-common-attributes.md) and the attributes listed below are supported. The [universal attributes](js-components-svg-common-attributes.md) and the attributes listed below are supported.
| Name| Type| Default Value| Mandatory| Description| | Name| Type| Default Value| Mandatory| Description|
| -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- |
......
# polyline # polyline
The **\<polyline>** component is used to draw a polyline.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **\<polyline>** component is used to draw a polyline.
## Required Permissions ## Required Permissions
...@@ -19,7 +19,7 @@ The following are supported: [\<animate>](js-components-svg-animate.md), [\<anim ...@@ -19,7 +19,7 @@ The following are supported: [\<animate>](js-components-svg-animate.md), [\<anim
## Attributes ## Attributes
The [universal attributes](../arkui-js/js-components-svg-common-attributes.md) and the attributes listed below are supported. The [universal attributes](js-components-svg-common-attributes.md) and the attributes listed below are supported.
| Name| Type| Default Value| Mandatory| Description| | Name| Type| Default Value| Mandatory| Description|
| -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- |
......
# rect # rect
The **\<rect>** component is used to draw rectangles and rounded rectangles.
> **NOTE** > **NOTE**
> >
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **\<rect>** component is used to draw rectangles and rounded rectangles.
## Required Permissions ## Required Permissions
...@@ -19,7 +19,7 @@ The following are supported: [\<animate>](js-components-svg-animate.md), [\<anim ...@@ -19,7 +19,7 @@ The following are supported: [\<animate>](js-components-svg-animate.md), [\<anim
## Attributes ## Attributes
The [universal attributes](../arkui-js/js-components-svg-common-attributes.md) and the attributes listed below are supported. The [universal attributes](js-components-svg-common-attributes.md) and the attributes listed below are supported.
| Name| Type| Default Value| Mandatory| Description| | Name| Type| Default Value| Mandatory| Description|
| -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- |
......
# text # text
The **\<text>** component is used to display a piece of textual information.
> **NOTE** > **NOTE**
> >
...@@ -13,6 +11,8 @@ The **\<text>** component is used to display a piece of textual information. ...@@ -13,6 +11,8 @@ The **\<text>** component is used to display a piece of textual information.
> >
> - Only the default font **sans-serif** is supported. > - Only the default font **sans-serif** is supported.
The **\<text>** component is used to display a piece of textual information.
## Required Permissions ## Required Permissions
None None
......
...@@ -29,6 +29,7 @@ In addition to the [universal attributes](ts-universal-attributes-size.md), the ...@@ -29,6 +29,7 @@ In addition to the [universal attributes](ts-universal-attributes-size.md), the
> **NOTE** > **NOTE**
> - The **\<TabContent>** component does not support setting of the common width attribute. By default, its width is the same as that of the parent **\<Tabs>** component. > - The **\<TabContent>** component does not support setting of the common width attribute. By default, its width is the same as that of the parent **\<Tabs>** component.
> - The **\<TabContent>** component does not support setting of the common height attribute. Its height is determined by the height of the parent **\<Tabs>** component and the **\<TabBar>** component. > - The **\<TabContent>** component does not support setting of the common height attribute. Its height is determined by the height of the parent **\<Tabs>** component and the **\<TabBar>** component.
> - **\<TabContent>** does not support page scrolling. If page scrolling is required, consider nesting a list.
## SubTabBarStyle<sup>9+</sup> ## SubTabBarStyle<sup>9+</sup>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册