View container description

Component	Description	Minimum version
view	View Container	1.0.0
scroll-view	Scrollable view area	1.0.0
web-view	WebView view	1.0.0
swiper	Slider view container	1.0.0
swiper-item	Can only be placed in the swimr component	1.0.0
cover-image	Picture view overlaid on top of native components	2.8.3
cover-view	Text view	overlaid on top of native components 2.8.3
match-media	The media query matches the detection node	2.9.3
movable-area	Movable-view movable area	2.9.3
movable-view	A removable view container where you can drag and slide	2.9.3
page-container	Page container	2.11.3
share-element	Shared Element	2.11.3

view

Properties	Type	The default value is	Required	Description	Minimum version
hover-class	string	none	No	Specifies the style class that presses down. When hover-class="none", no click-on effect	2.11.4
hover-stop-propagation	boolean	false	No	Specifies whether to prevent click-through	from occurring for ancestor nodes of this node 2.11.4
hover-start-time	number	50	No	How often after holding and holding the click state appears, in milliseconds	2.11.4
hover-stay-time	number	400	No	The click state retention time after the finger is released,	in milliseconds 2.11.4

Properties	Type	The default value is	Required	Description	Minimum version
scroll-x	boolean	false	No	Allows horizontal scrolling	1.0.0
scroll-y	boolean	false	No	Allows	scrolling vertically 1.0.0
upper-threshold	number/string	50	No	How far from top/left, the scrolltoupper event is triggered	1.0.0
lower-threshold	number/string	50	No	How far from the bottom/right, the scrolltolower event is triggered	1.0.0
scroll-top	number/string		No	Sets the vertical scroll bar position	1.0.0
scroll-left	number/string		No	Sets the horizontal scroll bar position	1.0.0
scroll-into-view	string		No	The value should be a child element id (id cannot start with a number). Sets which direction to scroll in, and in which direction to scroll to the element	1.0.0
refresher-enabled	boolean	false	No	Turn on the Custom drop-down refresh
refresher-threshold	number	45	No	Set the Custom pull-down refresh threshold
refresher-default-style	string	"black"	No	Set the custom drop-down refresh default style, support settings black, white, none, no means do not use the default style
refresher-background	string	"#FFF"	No	Set the custom drop-down refresh area background color
refresher-triggered	boolean	false	No	Sets the current pull-down refresh status, true indicates that the pull-down refresh has been triggered, false indicates that the pull-down refresh has not been triggered
bindscrolltoupper	eventhandle		No	The	is triggered when scrolling to the top/left 1.0.0
bindscrolltolower	eventhandle		No		is triggered when scrolling to the bottom/right 1.0.0
bindscroll	eventhandle		No	Triggered on scrolling, event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}	1.0.0
bindrefresherpulling	eventhandle		No	The custom drop-down refresh control is pulled down
bindrefresherrefresh	eventhandle		No	A custom pull-down refresh is triggered
bindrefresherrestore	eventhandle		No	The custom pull-down refresh is reset
bindrefresherabort	eventhandle		No	Custom pull-down refreshes are aborted
scroll-with-animation	boolean	false	No	Use the Animated Transition	when setting the scroll bar position
enable-back-to-top	boolean	false	No	When iOS clicks on the top status bar, Android double-clicks on the title bar, the scroll bar returns to the top, and only vertical	are supported
enable-flex	boolean	false	No	Enable the flexbox layout. When enabled, the current node declares display:flex becomes a flex container and acts on its child node.
scroll-anchoring	boolean	false	No	Turn on the scroll anchoring feature, which controls the scroll position without jittering with content changes, only for iOS, and for Android, refer to the CSS overflow-anchor property.
enhanced	boolean	false	No	Enable the scroll-view enhancement	2.12.9
bounces	boolean	false	No	Scroll-view boundary elastic control under iOS (effective after the enhanced attribute is enabled)	2.12.9
show-scrollbar	boolean	true	No	Scrollbar implicit control (which takes effect when the enhanced attribute is also turned on)
paging-enabled	boolean	false	No	The pagination slide effect (which takes effect when the enhanced attribute is turned on)
fast-deceleration	boolean	false	No	Sliding deceleration rate control (which takes effect when the enhanced attribute is also turned on)
binddragstart	eventhandle		No	Swipe start event (which takes effect when the enhanced property is also turned on) detail { scrollTop, scrollLeft }
binddragging	eventhandle		No	Slide events (take effect when the enhanced property is also enabled) detail { scrollTop, scrollLeft }
binddragend	eventhandle		No	The slide end event (which takes effect when the enhanced property is also turned on) detail { scrollTop, scrollLeft, velocity }

swiper

Properties	Type	The default value is	Required	Description	Minimum version
indicator-dots	boolean	false	No	Whether to display the panel indication point	1.0.0
indicator-active-color	color	#000000	No	The currently selected point color	1.0.0
autoplay	boolean	false	No	Whether to switch	automatically 1.0.0
current	number	0	No	The index	of the slider you are currently in 1.0.0
interval	number	5000	No	Automatically switch intervals	1.0.0
duration	number	500	No	Slide animation duration	1.0.0
circular	boolean	false	No	Whether to use the Articulation Sliding	1.0.0
vertical	boolean	false	No	Whether the slide direction is portrait	1.0.0
indicator-color	color	rgba(0, 0, 0, .3)	No	Indicates the point color	2.11.4
previous-margin	string	"0px"	No	The leading margin, which can be used to expose a small portion of the previous item, accepts the px and rpx values
next-margin	string	"0px"	No	Padding, which can be used to expose a small portion of the latter item, accepts	px and rpx values
snap-to-edge	boolean	false	No	When the number of swiper-items is greater than or equal to 2, the circular is turned off, and the previous-margin or next-margin is turned on, you can specify whether the margin applies to the first and last element
display-multiple-items	number	1	No	The number of sliders displayed at the same time is	2.11.4
easing-function	string	"default"	No	Specifies the swiper toggle easing animation type
bindchange	eventhandle		No	A change event is triggered when current is changed, and event.detail = {current, source}	2.11.4
bindtransition	eventhandle		No	The transition event is triggered when the position of swiper-item changes, and event.detail = {dx:dx, dy:dy}	2.11.4
bindanimationfinish	eventhandle		No	The animationfinish event is triggered at the end of the animation, and the event.detail	above 2.11.4

swiper-item

Properties	Type	The default value is	Required	Description	Minimum version
item-id	string		No	The identifier for the swiper-item
skip-hidden-item-layout	boolean	false	No	Setting true to correct if you skip the undiminished slider layout optimizes sliding performance in complex situations, but loses layout information for hidden state sliders

cover-image

Properties	Type	The default value is	Required	Description	Minimum version
src	string		No	Icon path	1.0.0
bindload	eventhandle		No		is triggered when the image load is successful 2.11.4
binderror	eventhandle		No		is triggered when an image load fails 2.11.4

cover-view

Properties	Type	The default value is	Required	Description	Minimum version
scroll-top	number/string		No	Sets the top scroll offset, which takes effect only after overflow-y: scroll is set to become a scroll element	2.11.4

Properties	Type	The default value is	Required	Description	Minimum version
min-width	number		No	The minimum width of the page (in px)
max-width	number		No	The maximum width of the page (in px)
width	number		No	The page width (in px)
min-height	number		No	The minimum height of the page (in px)
max-height	number		No	The maximum height of the page (in px)
height	number		No	The page height (in px)
orientation	string		No	The screen orientation (landscape or portrait)

movable-area

Properties	Type	The default value is	Required	Description	Minimum version
scale-area	Boolean	false	No	When the movable-view inside is set to support two-finger zoom, setting this value modifies the area where the zoom gesture takes effect to the entire movable-area	2.11.4

movable-view

Properties	Type	The default value is	Required	Description	Minimum version
direction	string	none	No	The direction of movement of movable-view, the property values are all, vertical, horizontal, none	2.11.4
inertia	boolean	false	No	Whether movable-view has inertia	2.11.4
out-of-bounds	boolean	false	No	After the movable area is exceeded, whether the movable-view can also move	2.11.4
x	number		No	Defines the offset in the direction of the x-axis, and if the value of x is not within the movable range, it will automatically move to the movable range; Changing the value of x triggers the animation	2.11.4
y	number		No	Defines the offset in the direction of the y axis, and if the value of y is not within the movable range, it will automatically move to the movable range; Changing the value of y triggers the animation	2.11.4
damping	number	20	No	The damping coefficient, which controls the animation when x or y changes and the animation of the over-the-limit bounce, the larger the value, the faster it moves	2.11.4
friction	number	2	No	Coefficient of friction, an animation used to control inertial sliding, the greater the value, the greater the friction force, the faster the sliding stops; Must be greater than 0 or it will be set to the default value	1.2.0
disabled	boolean	false	No	Whether to disable
scale	boolean	false	No	Whether two-finger zoom is supported, the default zoom gesture is in the movable-view	2.11.4
scale-min	number	0.5	No	Defines the scale multiplier minimum value	2.11.4
scale-max	number	10	No	Defines the maximum zoom factor	2.11.4
scale-value	number	1	No	Defines the zoom multiplier, ranging from 0.5 to 10	2.11.4
animation	boolean	true	No	Whether to use animation	2.11.4
bindchange	eventhandle		No	Event.detail = {x, y, source}	event triggered during dragging 2.11.4
bindscale	eventhandle		No	Events triggered during scaling, event.detail = {x, y, scale}, x and y fields support	after 2.1.0 2.11.4
htouchmove	eventhandle		No	Triggered when the first finger touches after a lateral movement, if this event is catched, it means that the touchmove event is also	by the catch 2.11.4
vtouchmove	eventhandle		No	Triggered when the first finger touches after moving to a portrait orientation, if this event is catched, it means that the touchmove event is also	by the catch 2.11.4

page-container

Properties	Type	The default value is	Required	Description	Minimum version
show	boolean	false	No	Whether the container component	is displayed 2.11.3
duration	number	300	No	The duration of the animation,	in milliseconds 2.11.3
z-index	number	100	No	z-index hierarchy	2.11.3
overlay	boolean	true	No	Whether the mask layer	is displayed 2.11.3
position	string	bottom	No	Pop-up position, optionally the top bottom right center	2.11.3
round	boolean	false	No	Whether to display the Rounded	2.11.3
close-on-slide-down	boolean	false	No	Whether to turn off the	after sliding a certain distance 2.11.3
overlay-style	string		No	Customize the mask layer style	2.11.3
custom-style	string		No	Customize the pop-up layer style	2.11.3
bind:beforeenter	eventhandle		No	Trigger	before entering 2.11.3
bind:enter	eventhandle		No	Trigger	in entry 2.11.3
bind:afterenter	eventhandle		No	Triggers	upon entry 2.11.3
bind:beforeleave	eventhandle		No	Triggers the	before leaving 2.11.3
bind:leave	eventhandle		No	Trigger	during departure 2.11.3
bind:afterleave	eventhandle		No	Triggers	after leaving 2.11.3
bind:clickoverlay	eventhandle		No	The	is triggered when the mask layer is tapped 2.11.3

Properties	Type	The default value is	Required	Description	Minimum version
key	string		Yes	Map tag	2.11.3
transform	boolean	false	No	Whether to animate	2.11.3
duration	number	300	No	The duration of the animation,	in milliseconds 2.11.3
easing-function	string	ease-out	No	css easing functions	2.11.3