search

Next Section: 统计购物车所有勾选商品的总价1284 plays

5 秒后自动播放下一节
  Watch Again

Front-end actual native layout—(Xiaomi Mall)

Introduction >
ChapterCourseware
Chapter1Xiaomi Mall homepage layout breakdown

Practical introduction to front-end layout

05 minutes49 seconds

Home page layout breakdown (1)

12 minutes12 seconds

Home page layout breakdown (2)

14 minutes31 seconds

Home page layout breakdown (3)

18 minutes05 seconds

Home page layout breakdown (4)

24 minutes00 seconds

Mall bottom layout (1)

23 minutes57 seconds

Mall bottom layout (2)

16 minutes26 seconds
Chapter2Xiaomi Mall home page navigation breakdown

Mall navigation breakdown (top navigation)

19 minutes46 seconds

Mall navigation breakdown (drop-down menu 1)

29 minutes23 seconds

Mall navigation breakdown (drop-down menu 2)

23 minutes52 seconds

Mall navigation decomposition (sidebar vertical navigation)

26 minutes32 seconds

Page mini navigation

21 minutes21 seconds
Chapter3Detailed explanation of the layout of the main content of the Xiaomi Mall homepage

Detailed explanation of the main content layout of the mall (1)

22 minutes53 seconds

Detailed explanation of the main content layout of the mall (2)

20 minutes35 seconds

Detailed explanation of the main content layout of the mall (3)

12 minutes27 seconds
Chapter4Detailed explanation of Xiaomi Mall login page layout

Xiaomi Mall login page layout (1)

26 minutes38 seconds

Xiaomi Mall login page layout (2)

23 minutes58 seconds

Xiaomi Mall login page (js achieves switching effect)

09 minutes44 seconds
Chapter5Product details page layout and js effect

Product details page layout (1)

26 minutes37 seconds

Product details page layout (2)

42 minutes37 seconds

Product details page (jQuery effect)

39 minutes07 seconds
Chapter6Shopping cart page jQuery function block

Select all items in the shopping cart

21 minutes59 seconds

Realize the addition and subtraction of the quantity of items in the shopping cart and the subtotal of the total price of the items

16 minutes43 seconds

Calculate the total price of all checked items in the shopping cart

19 minutes52 seconds
Chapter7Summarize

Summary of Xiaomi Mall Layout

06 minutes20 seconds
  • CancelreplySending
  • Cancelpost a noteSending