Cloud development e-commerce applet practical tutorial-detail page prototype

Detail page function planning

Customers browse the desired product through the homepage and click on the image of the product to view the detailed information of the product, which mainly includes the carousel image, product name, price, and detailed information of the product. You can contact customer service, add to the shopping cart, and order goods.

Prototyping

On the basis of the previous section, add a new detail page.
Insert picture description here
Drag a status bar,
Insert picture description here
drag a navigation component,
Insert picture description here
drag a carousel,
Insert picture description here
and complete the rest of the creation in turn .
Insert picture description here
Click the icon of the villain to enter the customer service system. There are several forms. Click Add to Cart to add the product to the cart, and click Order to jump to the order page.

Guess you like

Origin blog.csdn.net/u012877217/article/details/112425176