How does WeChat Mini Programs realize the function of food display and collection
I would like to share with you how WeChat Mini Programs realizes the function of food display and collection. I believe most people don't know much about it, so share this article for your reference. I hope you will learn a lot after reading this article. let's learn about it!
First, project display
Today's food is to provide users with a variety of food production methods, a detailed introduction of the ingredients and production process
Second, home page
The home page adopts vertical layout, which is composed of three components: search bar, broadcast map and palace grid.
Clicking on the search bar will jump to the search interface and display the historical search content
The core code is as follows:
The search starts here and it is recommended today that {{item.text}} pull up and load more. No more data. 3. Collection
The personal collection interface is a list display of the user's favorites.
The presentation form is similar to that of the palace grid on the home page.
Click to show the main contents of the food:
The core code is as follows:
Like Collection {{detail.title}} {{detail.like}} {{detail.save}} {{detail.foodText}} Cooking difficulty: {{detail.foodGrade}} Cooking time: {{detail. FoodTime}}-- list of ingredients-- {{item.name}} {{item.count}} g-- procedure-- {{index+1}} {{item}}-- Picture sharing-- {{index+1}} Cooking Tips-- {{detail.tipContent}} these are all the contents of the article "how to display and collect delicious Food by WeChat Mini Programs" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
