tdesign miniprogram starter retail 다운로드 - tdesign miniprogram starter retail 소스 코드 다운로드

tdesign miniprogram starter retail

AI 소스 코드

1.0.0

다운로드

TDesign 소매업 템플릿 샘플 애플릿

TDesign 소매 템플릿 샘플 애플릿은 TDesign 엔터프라이즈급 디자인 시스템 애플릿 솔루션을 사용하여 구축되었으며 TDesign WeChat 애플릿 구성 요소 라이브러리를 사용하여 완전한 기본 소매 시나리오 요구 사항을 충족합니다.

? 미리보기

WeChat을 사용하여 다음 QR 코드를 스캔하세요.

? 프로젝트 소개

1. 사업소개

소매업 템플릿 애플릿은 제품 -> 장바구니 -> 결제 -> 주문 등 전자상거래의 골든 링크 프로세스를 다루는 고전적인 단일 매장 전자상거래 애플릿입니다. 미니 프로그램은 홈페이지, 상품 상세 페이지, 개인 센터, 애프터 프로세스 등 기본 페이지를 포함하여 총 28개의 완전한 페이지로 구성되어 있습니다. 디스플레이용 모의 데이터를 사용하여 완전한 소매 제품 디스플레이, 거래 및 판매 후 프로세스를 제공합니다. 페이지 세부정보:

주요 페이지의 스크린샷은 다음과 같습니다.

2. 프로젝트 구성

소매 업계 템플릿 애플릿은 사용 임계값을 낮추는 기본 JavaScript + WXSS + ESLint를 사용하여 구축되었습니다.

프로젝트 디렉토리 구조는 다음과 같습니다.

 |-- 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. 데이터 시뮬레이션

소매 미니 프로그램은 실제 인터페이스 데이터를 사용하여 백엔드 반품 논리를 시뮬레이션하고 미니 프로그램에 완전한 쇼핑 시나리오와 쇼핑 경험 논리를 표시합니다.

4. 새 페이지 추가

pages 디렉터리에 해당 페이지 폴더를 만듭니다.
app.json 파일의 "pages" 배열에 페이지 경로를 추가합니다.
[선택사항] project.config.json 파일의 "miniprogram-list" 아래에 페이지 구성 추가

? 빌드 및 실행

npm install
소규모 프로그램 개발 도구에 프로젝트 도입
npm 빌드

? 코드 스타일 제어

eslint prettier

기본 라이브러리 버전

최소 기본 라이브러리 버전 ^2.6.5

피드백

Enterprise WeChat Group TDesign 팀은 기업 WeChat 그룹의 버전과 문제 수정 정보를 신속하게 공개할 예정이며, 구성 요소 라이브러리 구축에 대한 논의도 있을 예정입니다. WeChat 또는 Enterprise WeChat에서 QR 코드를 스캔하여 그룹에 참여해 소통하실 수 있습니다. :

이메일: [email protected]