Small Program WXML, small program wxml
Series of articles:
Mini-program tutorial-WXSSReferences to mini-program tutorialsEvents of mini-program tutorialsSmall Program tutorial TemplateList rendering of Applet tutorialsConditional rendering of mini-program tutorialsData Binding in applet tutorialMini-program tutorial-WX
Mini-program custom message prompt box, mini-program custom
Mini-app custom message prompt box
Requirement Description:
The wx. showToast (OBJECT) interface is called, but the icon and image are not required. Even if the image is empty, a placeholder exists. In fact, only custom text content is output.
Effect:
The Code is as follows:
/* Index. wxss */. showModu
Android self-learning mini-question and mini-knowledge point listening events implement listeners multiple times through the interface, android listenersIf setOnClickListener (this); implements the same interface when you click the button to implement the listener, you can use the switch () method to perform simple matching without generating so many anonymous internal classes!Specific steps:1. initialize t
This article focuses on the analysis of the main functions of this applet, as well as the corresponding data interfaces and the small program component API technology. Let's get closer to small programs, transfer knowledge, and share the gains. The small program components used: view... e chauffeur Lite is a professional small program that provides "fast arrival, good service, and full protection. Using mobile Internet technology to improve the traditional chauffeur service industry, while great
Mini-programs implement the national airport index list and mini-app Index
This article shares with you the code for implementing the MUI index list by using applets for your reference. The specific content is as follows:
Effect chart
Implementation Principle
'Select airport now 'and the navigation bar on the right use fixed positioning;
The scroll-view component is used for scrolling the display wind
Detailed description and examples of the carousel diagram of the mini-program swiper component, and the mini-program swiper
Small Program swiper component carousel Diagram
Try according to the development documentation, and always get something. before Android development, it was not easy to create a carousel image. We used viewpage and set up dots. After a while, there were a bunch of bugs. today, I was de
Detailed description of the mini-program audio component instance, the mini-program audio
Audio Playback has been encapsulated well! You only need to set attributes! (Using method and data together)
Main attributes:
Wxml
Js
Page ({data: {// text: "this is a Page" action: {method: ''}, audioPlay: function () {this. setData ({action: {method: 'play'})}, audioPause: function () {this. setData ({action: {
Mini-Programs (7) detailed introduction to Data Binding and mini-Programs
Some of the data binding items are okay for the first few. Some of the following data may not be understood, and some data displayed on the interface cannot be displayed due to conditions. If you don't understand it, you can remember it first, and then you will understand it when you actually use it later. I think so. Record it here
Mini Program (14) button component details, mini program button
The button is one of the most common components.
Main attributes:
Wxml
Js
Page ({data: {// text: "This is a Page"},/*** button click event listener */clickButton: function (e) {// print all information about the clicked object console. log (e) ;}, onLoad: function (options) {// parameters brought about by PAGE initialization options for page
Detailed explanation of the applet Development Guide and the applet Guide
Write code
Create a applet instance
Click "edit" in the left-side navigation bar of the developer tool. We can see that this project has been initialized and contains some simple code files. The key and necessity are app. js, app. json, and app. wxss. The. js suffix is a script file, the. json suffix is a configuration file, and the. wxss suffix is a style sheet file. The applet will read these files and generate the apple
following code. The setTimeout method can be used to execute a function at a specified time interval. The application format is setTimeout (function (), time). function is the method to be executed, and time is the time interval. Here, 1000 represents 1000 milliseconds, that is, the countDown method is executed once every one second.
setTimeout(function(){ count--; countDown(that, count); }, 1000);
In the countDown method, the count field is used to set the countDown time, for example, 60 se
Tencent Network Mini version can not open how to do
A, if the computer is installed 360, we can click to open 360 and then find "computer professor"
B, then enter after we find "360 computer Rescue"-"self-help program Rescue"-"Tencent network mini version is not open" click the "Find Scheme" search button. Then find the repair scheme Click Fix to try it out.
2. Cleaning up rubbish
Also use 36
Examples of small programs, super-loaded instances, and small program instances
Preface
Before you start developing the application number, take a look at the official "mini-programs" tutorial! (The following content is from the official "applet" Development Guide)
This document will take you step by step to create a small program, and you can experience the actual effect of the small program on your phone. The homepage of this applet displays the wel
Example of ticket query by applet, and example of Applet
Simple Example of a applet-train ticket query application, learning to master the applet framework and implementation of development steps. Small programs are lightweight and easy-to-use. They are easy to learn and use.
1. Related Links
Get the address of this project code
Github: https://github.com/VincentWYJ/WXAppTrain.git;
Blog file: http://files.cnblogs.com/files/tgyf/WXAppTrain.rar;
Learning materials for applet Development
Developer
MINA file structure, mina
File structure
The Framework Program contains an app describing the overall program and multiple pages describing the respective page.
A Framework Program consists of three objects, which must be placed in the project root directory, as follows:
File
Required
Function
App. js
Yes
Applet Logic
App. json
Yes
Mini-app public settings
App. wxss
No
Mini-Program (15th) checkbox component details, mini-program checkbox
The default checkbox style is a little ugly !!! The checkbox component is put into the checkbox-group as a multi-choice box, and set the listening event in the checkbox-group (only including the checkbox.
Checkbox-group listening method:
Multiple checkbox attributes:
Wxml
Js
Page ({/*** initialization data */data: {items: [{name: 'jav
Detailed explanation of mini-program video components and instance code, mini-program video
There is no difference between the video playback component and the image loading component.
Important attributes:
Wxml
Js
Page ({data: {// text: "This is a Page" hiddenVideo: true},/*** listens to the video loading error status */listenerVideo: function (e) {console. log (e. detail. errMsg) ;},/*** listen to the
The mini-program implements the verification code to get the countdown effect, and the mini-Program Verification Code
The example in this article shares with you the code for implementing the countdown effect of the verification code of the applet for your reference. The specific content is as follows:
Wxml
Js
Var interval = null // countdown function Page ({data: {date: 'Please select date', fun_id
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.