WeChat applet

[WeChat Mini Program] Learn about data binding and event binding of Mini Programs

Hits: 0Article directory 1. Data binding 1.1 Dynamic binding content 1.2 Dynamic binding events 1.3 Ternary operations 1.4 Arithmetic operations 2. Event binding 2.1 What is an event 2.2 Commonly used events in Mini Programs 2.3 Attribute list of event object 2.4 Difference between target and currentTarget 2.5 Syntax of bindtap 2.6 Assign values ​​to …

[WeChat Mini Program] Learn about data binding and event binding of Mini Programs Read More »

WeChat Mini Program Utility – Gradient Color Button (1)

Hits: 0WeChat Mini Program Utility – Gradient Color Button (1) Article directory WeChat Mini Program Utility – Gradient Color Button (1) foreword button one button two button three button four button five button six button seven button eight foreword Usually the color of the buttons we are developing is too monotonous, so I found a …

WeChat Mini Program Utility – Gradient Color Button (1) Read More »

WeChat Mini Program Project Example – Gesture Unlock

Hits: 0WeChat Mini Program Project Example – Gesture Unlock Article directory WeChat Mini Program Project Example – Gesture Unlock 1. Project display 2. Setting gestures, gesture unlocking 3. Gesture reset At the end of the article: project code See the project code at the bottom of the text 1. Project display This is a simple …

WeChat Mini Program Project Example – Gesture Unlock Read More »

WeChat Mini Program Course Selector

Hits: 0Not much to say, go directly to the renderings code show as below wxml <view class="urg_input"> <picker class="gradePicker" mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> </picker> </view> js import { primarySchool, juniorSchool, highSchool, bigSchool} from './AllDataConfig.js' Page({ data: { multiArray: [ [ 'elementary school' , 'junior high school' , 'high school' , 'university' ], [ 'Grade …

WeChat Mini Program Course Selector Read More »

WeChat applet can jump to the official account! The small program has zoomed in again late at night!

Hits: 0When the developer sets the official account follower component in the applet, the applet must be consistent with the main body of the official account . After the setup is complete, when the user scans the code offline to enter the applet, they can easily follow the official account and obtain better and more …

WeChat applet can jump to the official account! The small program has zoomed in again late at night! Read More »

WeChat applet – rpx and px are converted to each other, and the ratio of the pixelRatio value given by the system is incorrect

Hits: 0 rpxThe unit is the size unit in the WeChat applet , which rpxcan be adapted according to the width of the screen. There are two conversions in the development process. You can choose one of the following two conversion formulas. It depends on your own situation. It is only the difference between multiplication …

WeChat applet – rpx and px are converted to each other, and the ratio of the pixelRatio value given by the system is incorrect Read More »

WeChat applet — detailed explanation of pull-up loading

Hits: 0index.wxml: <scroll-view scroll-y style="height:100vh;" bindscrolltolower="lower" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}"> <view class = 'content-wrapper' upper-threshold> //here is the category page style for pull-up loading </view> </scroll-view> Note: style=”height:100vh;”It means to monitor the current window area, and it will be triggered when it exceeds the current visible area.bindscrolltolower=”lower” index.js: lower: function ( e ) { // pull-up loading …

WeChat applet — detailed explanation of pull-up loading Read More »

Native WeChat applet – share the specified page and picture in the upper right corner

Hits: 0Project scene: When the user clicks to share the applet in the upper right corner of the applet, if we do not set it, the name and current page of the current applet will be shared by default, such as the following: need At this time, the customer requires that every time the user …

Native WeChat applet – share the specified page and picture in the upper right corner Read More »

Carousel function of WeChat applet

Hits: 0WeChat applet realizes the function of [carousel] bar: [Copy to display the effect] <!–wxml–> <!– Home page –> < view class = "home-top" > <!– Carousel scrolling module–> < swiper autoplay = "true" duration = "3000 " bindchange = "swiperChange" > <!– Carousel scrolling unit–> < swiper-item class = "top-item" wx:for = "{{home_top_image}}" > …

Carousel function of WeChat applet Read More »