{"repo":"Tencent/tdesign-miniprogram-starter-retail","free":true,"listed":false,"github":"https://github.com/Tencent/tdesign-miniprogram-starter-retail","clone":"git clone https://github.com/Tencent/tdesign-miniprogram-starter-retail.git","description":"TDesign - 微信小程序 - 零售行业模板","language":"JavaScript","stars":849,"topics":["miniprogram","tdesign","wechat","template","retail","tencent"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"TDesign 零售行业模版示例小程序 TDesign 零售模版示例小程序采用 TDesign 企业级设计体系小程序解决方案 进行搭建，依赖 TDesign 微信小程序组件库，涵盖完整的基本零售场景需求。 :pushpin: 项目介绍 1. 业务介绍 零售行业模版小程序是个经典的单店版电商小程序，涵盖了电商的黄金链路流程，从商品- 购物车- 结算- 订单等。小程序总共包含 28 个完整的页面，涵盖首页，商品详情页，个人中心，售后流程等基础页面。采用 mock 数据进行展示，提供了完整的零售商品展示、交易与售后流程。页面详情： 主要页面截图如下： 2. 项目构成 零售行业模版小程序采用基础的 JavaScript + WXSS + ESLint 进行构建，降低了使用门槛。 项目目录结构如下： 3. 数据模拟 零售小程序采用真实的接口数据，模拟后端返回逻辑，在小程序展示完整的购物场景与购物体验逻辑。 4. 添加新页面 1. 在 pages 目录下创建对应的页面文件夹 2. 在 app.json 文件中的 \"pages\" 数组中加上页面路径 3. [可选] 在 project.config.json 文件的 \"miniprogram-list\" 下添加页面配置 :hammer: 构建运行 1. npm install 2. 小程序开发工具中引入工程 3. 构建 npm :art: 代码风格控制 - eslint - prettier :iphone: 基础库版本 最低基础库版本 ^2.6.5 :dart: 反馈 有任何问题，建议通过 Github issues 反馈或扫码加入用户微信群。 :link: TDesign 其他技术栈实现 - 移动端 小程序 实现：mobile-miniprogram - 桌面端 Vue 2 实现：web-vue - 桌面端 Vue 3 实现：web-vue-next - 桌面端 React 实现：web-react :page with curl: 开源协议 TDesign 遵循 MIT 协议。","default_branch":null,"files":null,"tree":[],"storefront":"/r/Tencent","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Tencent/tdesign-miniprogram-starter-retail/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}