tdesign miniprogram starter retail Download - tdesign miniprogram starter retail Source code download

tdesign miniprogram starter retail

AI-Quellcode

1.0.0

Herunterladen

TDesign-Beispiel-Applet für die Einzelhandelsbranche

Das TDesign-Einzelhandelsvorlagen-Beispiel-Applet wird mit der TDesign-Applet-Lösung für das Designsystem auf Unternehmensebene erstellt und basiert auf der TDesign WeChat-Applet-Komponentenbibliothek, um alle grundlegenden Anforderungen des Einzelhandelsszenarios abzudecken.

? Vorschau

Bitte verwenden Sie WeChat, um den folgenden QR-Code zu scannen:

? Projekteinführung

1. Geschäftseinführung

Das Vorlagen-Applet für die Einzelhandelsbranche ist ein klassisches E-Commerce-Applet für einzelne Filialen, das den Golden-Link-Prozess des E-Commerce abdeckt, von Produkten -> Warenkorb -> Abrechnung -> Bestellungen usw. Das Miniprogramm umfasst insgesamt 28 vollständige Seiten und deckt grundlegende Seiten wie Homepage, Produktdetailseite, persönliches Center und After-Sales-Prozess ab. Unter Verwendung von Scheindaten zur Anzeige bietet es eine vollständige Produktpräsentation, Transaktion und den After-Sales-Prozess für den Einzelhandel. Seitendetails:

Screenshots der Hauptseiten sind wie folgt:

2. Projektzusammensetzung

Das Vorlagen-Applet für die Einzelhandelsbranche wird mit grundlegendem JavaScript + WXSS + ESLint erstellt, wodurch der Schwellenwert für die Verwendung gesenkt wird.

Die Projektverzeichnisstruktur ist wie folgt:

 |-- tdesign-miniprogram-starter
    |-- README.md
    |-- app.js
    |-- app.json
    |-- app.wxss
    |-- components	//	公共组件库
    |-- config	//	基础配置
    |-- custom-tab-bar	//	自定义 tabbar
    |-- model	//	mock 数据
    |-- pages
    |   |-- cart	//	购物车相关页面
    |   |-- coupon	//	优惠券相关页面
    |   |-- goods	//	商品相关页面
    |   |-- home	//	首页
    |   |-- order	//	订单售后相关页面
    |   |-- promotion-detail	//	营销活动页面
    |   |-- usercenter	//	个人中心及收货地址相关页面
    |-- services	//	请求接口
    |-- style	//	公共样式与iconfont
    |-- utils	//	工具库

3. Datensimulation

Das Einzelhandels-Miniprogramm simuliert mithilfe realer Schnittstellendaten die Back-End-Retourenlogik und zeigt vollständige Einkaufsszenarien und Einkaufserlebnislogik im Miniprogramm an.

4. Neue Seite hinzufügen

Erstellen Sie den entsprechenden Seitenordner im pages
Fügen Sie den Seitenpfad zum Array "pages" in der Datei app.json hinzu
[Optional] Fügen Sie die Seitenkonfiguration unter "miniprogram-list" in der Datei project.config.json hinzu

? Bauen und ausführen

npm install
Einführung von Projekten in kleine Programmentwicklungstools
Erstellen Sie npm

? Codestilkontrolle

eslint prettier

Basisbibliotheksversion

Mindestversion der Basisbibliothek ^2.6.5

Rückmeldung

Das TDesign-Team der Enterprise WeChat Group wird umgehend Versionen und Problembehebungsinformationen in der Enterprise WeChat-Gruppe veröffentlichen, und es wird auch einige Diskussionen über den Aufbau von Komponentenbibliotheken geben. Willkommen beim Scannen des QR-Codes auf WeChat oder Enterprise WeChat, um der Gruppe für die Kommunikation beizutreten :

E-Mail: [email protected]