35. WeChat applet (components--form: slider, switch, selector)

WeChat Mini Programs (Components – Forms: Sliders, Switches, Selectors)

(1) Form component—slider sliding component

insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here

color attributeinsert image description here
slider propertiesinsert image description here
drag eventinsert image description here

insert image description here
insert image description here
insert image description here
insert image description here

(2) Form component - switch switch componentinsert image description here

insert image description here
Note:
When the switch type is switched, iOS has its own vibration feedback, which can be turned off in System Settings -> Sound and Haptic -> System Haptic Feedback

information authenticationinsert image description here

insert image description here
insert image description here

(3) Form component—picker scrolling selectorinsert image description here

insert image description here

mode valueinsert image description here

Note: In addition to the previous general attributes, the picker has different attributes for different modes

Normal selector mode = selectorinsert image description here

insert image description here
insert image description here
Next, change range to object array, and use range-key to specify the value of the key in Object as the selector to display the contentinsert image description here

Multi-column selector mode = multiSelectorinsert image description here

insert image description here

date picker mode = dateinsert image description here
Province, city selector mode = regioninsert image description here

(6) Form component—picker-view embedded component

picker-view is a scroll picker embedded in the page. Only the picker-view-column component can be placed in it, and other nodes will not display
picker-view-column as a child of the scroll selector. It can only be placed in picker-view, and the height of its child nodes will be automatically set to be consistent with the height of the check box in picker-view. For details, please refer to the official
website documentation, and you can simply understand it

navigation component

The navigator commonly used in navigation components has been explained before.insert image description here

If you have any questions or questions, please leave a message to contact the editor! ! ! !

Thanks for visiting! ! !

Guess you like

Origin blog.csdn.net/weixin_45582846/article/details/107820491