---
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](https://m.funfet.com/index.html#/)  

## 技术选型

> 目标:微信小程序，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)

## 项目架构


```Bash
- 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内置的全局常用样式变量 

```