Small micro-channel program framework for analyzing small practice hand (two) - Weather applet making micro letter

Simple micro-channel weather applet.

I. First, open the micro-channel Developer Tools, to create a new project: weather. As shown below:

 

 

Second, enter app.json, modify the navigation bar titled "Guizhou Weather Network."

 

 

Third, access to index.wxml, interface layout carried the day weather conditions, including temperature, minimum and maximum temperatures, weather conditions, city, day, wind conditions. As shown below:

 

 

Fourth, enter index.js, provide weather data in the data, let the data displayed in the interface:

 

 

Fifth, enter index.wxml, bind weather data in the data provided to the pages:

 

 Interface effects are as follows:

 

 Sixth, enter index.wxss, add style to index.wxml, beautify the interface:

 

 

 

 At this point, we simply bind data to the page, and add the style after the show:

 

 

Guess you like

Origin www.cnblogs.com/MilkoSilver/p/12233584.html