线上服饰商城模板说明文档

项目介绍

功能描述

本模板为在线服饰商城类型,主要功能包括商品展示、商品搜索、购物车、订单管理等。 模板中所有页面基于编辑器 YonStudio 开发工具搭建完成,不涉及业务逻辑相关的操作。

整体设计稿预览

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

源码文件目录结构说明

项目源码在本仓库的 widget 目录下。其中该目录下的文件结构如下:

┌─css/ // css样式目录
│ ├─api.css //标签样式初始化
│ ├─app.css //公共样式设置
│ ├─style.css //个性化样式设置
│ ├─swiper-bundle.min.css //轮播图样式
├─images/                   // 图片素材图标资源目录
├─html/                    // html页面目录
│ ├─cart.html             // 购物车页
│ ├─detail.html           // 商品详情
│ ├─main.html             // 商城首页
│ ├─order_list.html       // 订单列表
│ ├─place_order.html      // 立即购买
│ ├─shopping_cart.html    // 购 物车页
│ ├─sort.html             // 分类列表
│ ├─user.html             // 我的
├─script/                    // JavaScript脚本目录
│ ├─api.js             // dom操作封装
│ ├─swiper-bundle.min.js             // 轮播图插件
├─config.xml                // 应用配置文件
└─index.html                // 入口文件

使用步骤

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

技术支持

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

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