WeChat applet development: express delivery query

Source: Internet
Author: User
My friends who have been following our hands-on series of tutorials should have a certain understanding of the basic content of the applet. Today, we are going to learn a comprehensive case: express delivery query. Project requirements: 1. the applet displays a courier query page 2. enter the courier order number to view the order process. My friends who have been following our hands-on series of tutorials should have a certain understanding of the basic content of the applet. Today, we are going to learn a comprehensive case: express delivery query. Project requirements:
1. the applet displays a courier query page
2. enter the express order number to view the order process.

Code implementation:

1. create a small program project for express delivery query, as shown below:

The index. wxml code is as follows:

 
  
 

3. add an input box on the homepage. How to add an input box? You can go to the api official website and find the applet development documentation-component-form component-input box ). As shown in:

Copy the graphic code to our page. the code is as follows:

 
  
  
 

After running the command, we will find that the homepage already has a certain input box, as shown in.

We will find that the color of this input box is invisible. we will add a style to this input box. The index. wxss style code is as follows:

input {  border: 1px solid red;  width: 90%;  margin: 5%;  padding: 5px; }

Next, we will add a query button on the homepage. How can I add a query button? Applet development documentation --- component -- form component --- button, refer to the official example, we add code on the wxml page

 
  
    
  Query
 

Save the following page after debugging:

Initiate network requests through official APIs

More small program development: for articles related to express delivery query, please follow the PHP Chinese network!

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.