oyweb-fe/文档/docs/currentProgram/guide.md

---

title: 智能运动鞋落地页 date: 2022-10-28 tags:

• uniapp
• uviewui sidebarDepth: 2 categories: 项目 ---

智能运动鞋落地页

请编辑过的人员留下你的姓名

• 文档编辑人员 冯垣玮(2022/10/28)

说明

此项目主要用于智能鞋h5页面及智能鞋小程序，包括智能鞋App引用的h5页面

项目地址

• svn://svn.webdev.ouj.com/biz/shoes/trunk/guide/frontend

h5上线目录

• svn://svn.webdev.ouj.com/biz/shoes/trunk/xie-web

h5域名

环境	域名
正式环境	m.funfet.com

技术选型

目标:微信小程序，h5页面

1. 由于项目存在跨端，不考虑小程序原生
2. 跨端可选择的方案，(1)uni-app,(2)taro

最终由于技术人员对Vue更熟悉，即开发效率更高，最终选择了基于Vue的跨端框架uni-app

最终的技术栈

uniapp + scss + uviewui(2.0.31) + 原生小程序内置 Api

node版本

"node": "16.13.0"

开发工具

XBuilder X (3.6.3.20220917)

项目架构

- api                       # http请求
- components                # 公共组件(自定义)
- config                    # 项目变量配置文件
- mixins                    # 全局mixin
- node_modules
- pages                     # 业务页面文件存放的目录
  |- ...
  |- Guide                  # 落地页相关
  |- Index                  # 项目首页
  |- Rules                  # 智能鞋游戏规则页
  |- ...
- static                    # 存放应用引用的本地静态资源
- store                     # 全局存储
- styles                    # 定义的全局scss
- utils                     # 工具类
- App.vue                   # 应用配置，用来配置App全局样式以及监听
- main.js                   # Vue初始化入口文件
- manifest.json             # 配置应用名称、appid、logo、版本等打包信息
- pages.json                # 配置页面路由、导航条、选项卡等页面类信息
- uni.scss                  # uni-app内置的全局常用样式变量