Praktische Einführung in das Frontend-Layout

Aufschlüsselung des Homepage-Layouts (1)

Aufschlüsselung des Homepage-Layouts (2)

Aufschlüsselung des Homepage-Layouts (3)

Aufschlüsselung des Homepage-Layouts (4)

Grundriss des Einkaufszentrums (1)

Grundriss des Einkaufszentrums (2)

Aufschlüsselung der Mall-Navigation (obere Navigation)

Aufschlüsselung der Mall-Navigation (Dropdown-Menü 1)

Aufschlüsselung der Mall-Navigation (Dropdown-Menü 2)

Zerlegung der Mall-Navigation (vertikale Navigation in der Seitenleiste)

Mini-Navigation der Seite

Detaillierte Erläuterung des Hauptinhaltslayouts des Einkaufszentrums (1)

Detaillierte Erläuterung des Hauptinhaltslayouts des Einkaufszentrums (2)

Detaillierte Erläuterung des Hauptinhaltslayouts des Einkaufszentrums (3)

Layout der Xiaomi Mall-Anmeldeseite (1)

Layout der Xiaomi Mall-Anmeldeseite (2)

Anmeldeseite der Xiaomi Mall (JS erzielt Umschalteffekt)

Layout der Produktdetailseite (1)

Layout der Produktdetailseite (2)

Produktdetailseite (jQuery-Effekt)

Wählen Sie alle Artikel im Warenkorb aus

Realisieren Sie die Addition und Subtraktion der Artikelmenge im Warenkorb und die Zwischensumme des Gesamtpreises der Artikel

Berechnen Sie den Gesamtpreis aller überprüften Artikel im Warenkorb

Zusammenfassung des Xiaomi Mall-Layouts