O miniaplicativo de amostra do modelo de varejo TDesign é construído usando a solução de miniaplicativo de sistema de design de nível empresarial TDesign e depende da biblioteca de componentes do miniaplicativo TDesign WeChat para cobrir requisitos básicos completos do cenário de varejo.
Use o WeChat para escanear o seguinte código QR:
O miniaplicativo de modelo do setor de varejo é um miniaplicativo clássico de comércio eletrônico de loja única, cobrindo o processo de elo dourado do comércio eletrônico, desde produtos -> carrinho de compras -> liquidação -> pedidos, etc. O miniprograma contém um total de 28 páginas completas, abrangendo páginas básicas como página inicial, página de detalhes do produto, central pessoal e processo pós-venda. Usando dados simulados para exibição, ele fornece um processo completo de exibição de produtos de varejo, transação e pós-venda. Detalhes da página:
As capturas de tela das páginas principais são as seguintes:
O miniaplicativo de modelo do setor de varejo é criado usando JavaScript + WXSS + ESLint básico, o que reduz o limite de uso.
A estrutura de diretórios do projeto é a seguinte:
|-- 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 // 工具库
O miniprograma de varejo usa dados de interface reais para simular a lógica de devolução de back-end e exibe cenários de compras completos e lógica de experiência de compra no miniprograma.
pages
"pages"
no arquivo app.json
"miniprogram-list"
no arquivo project.config.json
npm install
eslint
prettier
Versão mínima da biblioteca base ^2.6.5
A equipe do Enterprise WeChat Group TDesign lançará prontamente versões e informações de correção de problemas no grupo empresarial WeChat, e também haverá algumas discussões sobre a construção de bibliotecas de componentes. Bem-vindo ao escanear o código QR no WeChat ou Enterprise WeChat para ingressar no grupo para comunicação. :
E-mail: [email protected]
TDesign segue a licença do MIT.