拼团商城模板说明文档

项目介绍

功能描述

本模板为拼团商城APP,主要功能包括商品分类、商品详情、订单管理等页面。里面涉及到的所有页面都是由H5开发的静态页面,不涉及业务逻辑相关的操作。里面涉及到的所有页面用到的数据都是静态数据,目的是为了实现在 YonStudio 开发工具设计界面中能够正常显示页面中的内容。

整体设计稿预览

实时预览界面显示效果截图

源码文件目录结构说明

项目源码在widget目录下,该目录下的文件说明如下:

┌─css/ // css样式目录
│ ├─api.css //标签样式初始化
│ ├─style.css //个性化样式设置
│ ├─swiper-bundle.min.css //轮播图插件样式
├─images/ // 图片素材图标资源目录 
├─html/ // html页面目录 
│ ├─about.html // 关于我们页 
│ ├─address_list.html // 地址列表页 
│ ├─commodity_detail.html // 商品详情页 
│ ├─edit_address.html // 编辑地址页 
│ ├─login.html // 登录页 
│ ├─main.html // 主页 
│ ├─order.html // 订单列表页 
│ ├─order_detail.html // 订单详情页 
│ ├─pay.html // 付款页 
│ ├─personal_data.html // 个人信息主页 
│ ├─sort.html // 分类主页 
│ ├─sort_list.html // 分类商品列表页 
├─script/ // JavaScript脚本目录 
│ ├─api.js //dom操作封装
│ └─swiper-bundle.min.js // 轮播图插件脚本 
└─config.xml // 应用配置文件
└─index.html // 入口文件

使用步骤

  1. 下载最新版的 YonStudio 开发工具

  2. 下载成功后,安装后打开,顶部菜单选择【项目】-【新建项目】,填写应用名称,选择相应模板,点【完成】按钮进行创建。

技术支持

使用中若有任何疑问可到YonBIP开发者社区 YonBuilder移动开发 专区发帖提问。官方技术支持和众多活跃开发者会第一时间为您提供技术支持。

是否仍需要帮助? 请保持联络!
最后更新于 2024/04/24