El subprograma de muestra de plantilla minorista de TDesign se crea utilizando la solución de subprograma del sistema de diseño de nivel empresarial TDesign y se basa en la biblioteca de componentes del subprograma TDesign WeChat para cubrir todos los requisitos básicos del escenario minorista.
Utilice WeChat para escanear el siguiente código QR:
El subprograma de plantilla de la industria minorista es un subprograma clásico de comercio electrónico de una sola tienda, que cubre el proceso de enlace dorado del comercio electrónico, desde productos -> carrito de compras -> liquidación -> pedidos, etc. El mini programa contiene un total de 28 páginas completas, que cubren páginas básicas como la página de inicio, la página de detalles del producto, el centro personal y el proceso posventa. Al utilizar datos simulados para la visualización, proporciona un proceso completo de visualización, transacción y posventa de productos minoristas. Detalles de la página:
Las capturas de pantalla de las páginas principales son las siguientes:
El subprograma de plantilla de la industria minorista se crea utilizando JavaScript básico + WXSS + ESLint, lo que reduce el umbral de uso.
La estructura del directorio del proyecto es la siguiente:
|-- 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 // 工具库
El miniprograma minorista utiliza datos de interfaz reales para simular la lógica de devolución de back-end y muestra escenarios de compra completos y la lógica de la experiencia de compra en el miniprograma.
pages
."pages"
en el archivo app.json
"miniprogram-list"
en el archivo project.config.json
npm install
eslint
prettier
Versión mínima de la biblioteca base ^2.6.5
El equipo de TDesign de Enterprise WeChat Group publicará rápidamente versiones e información de solución de problemas en el grupo Enterprise WeChat, y también habrá algunas discusiones sobre la construcción de bibliotecas de componentes. Bienvenido a escanear el código QR en WeChat o Enterprise WeChat para unirse al grupo para comunicarse. :
Correo electrónico: [email protected]
TDesign sigue la licencia MIT.