Mini program project introduction preview

Course Introduction

The difference between small members and traditional apps

Login to Mini Program Center

Install WeChat developer tools

Configure development tools

Get to know mini program development tools

Understand the directory structure of mini programs

Pages configuration items of app.json file

window configuration items in app.json

Detailed explanation of tabBar

Network request timeout settings

Understand the declaration cycle function

Data binding and synchronous and asynchronous operations

for loop list rendering

if conditional judgment

template call

Import and include are two ways to introduce templates

wxss style file

Detailed explanation of the rpx length unit of the mini program

Style import

Flex layout flex-direction and flex-wrap properties

flex layout justify-content and align-items properties

Flex layout align-content and flex-grow properties

flex layout flex-shrink attribute flex-baseis attribute flex attribute and align-self attribute usage

Preparations before laying out the online classroom

Layout the Benniu Classroom applet search box

Layout banner and category icons

Lay out a list of best-selling courses

The second layout plan for best-selling courses

Home page layout completed