แอปเพล็ตตัวอย่างเทมเพลตการขายปลีกของ TDesign สร้างขึ้นโดยใช้โซลูชันแอปเพล็ตระบบการออกแบบระดับองค์กรของ TDesign และใช้ไลบรารีส่วนประกอบแอปเพล็ต TDesign WeChat เพื่อครอบคลุมข้อกำหนดสถานการณ์การค้าปลีกขั้นพื้นฐานทั้งหมด
โปรดใช้ WeChat เพื่อสแกนโค้ด QR ต่อไปนี้:
แอปเพล็ตเทมเพลตอุตสาหกรรมค้าปลีกเป็นแอปเพล็ตอีคอมเมิร์ซร้านค้าเดี่ยวแบบคลาสสิก ครอบคลุมกระบวนการลิงก์ทองของอีคอมเมิร์ซ ตั้งแต่ผลิตภัณฑ์ -> ตะกร้าสินค้า -> การชำระเงิน -> คำสั่งซื้อ ฯลฯ มินิโปรแกรมประกอบด้วยหน้าทั้งหมด 28 หน้า ครอบคลุมหน้าพื้นฐาน เช่น หน้าแรก หน้ารายละเอียดสินค้า ศูนย์ส่วนบุคคล และกระบวนการหลังการขาย การใช้ข้อมูลจำลองในการแสดงผล ช่วยให้สามารถแสดงผลิตภัณฑ์ขายปลีก ธุรกรรม และกระบวนการหลังการขายได้อย่างสมบูรณ์ รายละเอียดหน้า:
ภาพหน้าจอของหน้าหลักมีดังนี้:
แอปเพล็ตเทมเพลตอุตสาหกรรมค้าปลีกสร้างขึ้นโดยใช้ 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 // 工具库
มินิโปรแกรมการขายปลีกใช้ข้อมูลอินเทอร์เฟซจริงเพื่อจำลองตรรกะการส่งคืนส่วนหลัง และแสดงสถานการณ์การช็อปปิ้งที่สมบูรณ์และตรรกะประสบการณ์การช็อปปิ้งในมินิโปรแกรม
pages
"pages"
ในไฟล์ app.json
"miniprogram-list"
ในไฟล์ project.config.json
npm install
eslint
prettier
เวอร์ชันไลบรารีพื้นฐานขั้นต่ำ ^2.6.5
ทีม Enterprise WeChat Group TDesign จะเผยแพร่เวอร์ชันและข้อมูลการแก้ไขปัญหาในกลุ่ม WeChat ระดับองค์กรทันที และจะมีการหารือเกี่ยวกับการสร้างไลบรารีส่วนประกอบด้วย ยินดีต้อนรับสู่การสแกนโค้ด QR บน WeChat หรือ Enterprise WeChat เพื่อเข้าร่วมกลุ่มเพื่อการสื่อสาร : :
อีเมล์: [email protected]
TDesign ปฏิบัติตามใบอนุญาต MIT