Write a complete answer applet (including single choice questions, judgment questions and multiple topics) (III) single choice questions, judgment questions, and the first question display

This is an online applet , Open the applet , Search for “ Primary school students must recite poems ”, Click the poem answer button ： Single topic selection 、 Judgment questions , Enter the page , The first thing I see is the first question , So the first question is particularly important , Now let's take a look at how the first question is displayed on the interface .

 

The applet runs first onLond function , Call a function to get data and display .

This data acquisition and display function is written , There are two cases of retrieving and using data . The first is the first question , Because the data is placed in the cloud database , No data locally , So first call the load data countdown and progress bar functions , Avoid long loading time , Interface blank . Then use cloud functions to obtain cloud data , Assign the obtained cloud data to data In the empty array declared in , adopt setData Assignment displays the title and options of the first question on the interface . The second is to show other questions besides the first one , After the first question is displayed , The local array already has data , At this time, it is no longer necessary to call cloud functions to obtain cloud data , At this time, there is no need to call the load data countdown and progress bar functions , Directly pass the data in the local array setData Assignment displays the title and options of the question on the interface . Here's an explanation , The title begins with the first question , Array index from 0 Start , The index of the array stored in question 1 is 0. No more explanation , Look at the code .

 

 

Applet search “ Primary school students must recite poems ”, You can experience . Contact the source code ：qq   3570340763

Sweep code experience