/redrock-20th

红岩网校工作站20周年站庆

Primary LanguageVue

welcome-2020

整体结构

为了方便只展示 src 目录下的文件。图片文件夹只展示具体文件夹,不展示具体文件。

.
├── public
│   └── index.html
├── src
│   ├── App.vue
│   ├── assets
│   │   ├── font
│   │   │   └── MFJIANHEI_NONCOMMERCIAL-REGULAR.TTF
│   │   ├── img
│   │   │   ├── components
│   │   │   │   ├── awar
│   │   │   │   └── game
│   │   │   │       └── confirm-info
│   │   │   ├── edit-img
│   │   │   ├── game
│   │   │   ├── home
│   │   │   ├── icon
│   │   │   ├── loading
│   │   │   └── qr-code
│   │   ├── logo.png
│   │   ├── style
│   │   └── svg
│   ├── components
│   │   ├── Award.vue
│   │   ├── Player.vue
│   │   ├── Text.vue
│   │   ├── award
│   │   │   ├── ConfirmInfo.vue
│   │   │   ├── FirstPick.vue
│   │   │   ├── MyInput.vue
│   │   │   ├── WorkLess.vue
│   │   │   └── Worked.vue
│   │   └── game
│   │       ├── EditImage.vue
│   │       └── TextShow.vue
│   ├── main.js
│   ├── router
│   │   └── index.js
│   ├── server
│   │   ├── api.js
│   │   └── index.js
│   ├── store
│   │   ├── index.js
│   │   └── type
│   │       ├── actions.js
│   │       └── mutations.js
│   ├── utils
│   │   ├── loading.js
│   │   ├── orienter.js
│   │   ├── phoneText.js
│   │   ├── schoolNumText.js
│   │   ├── slideChange.js
│   │   └── throttle.js
│   └── views
│       ├── Game.vue
│       ├── Home.vue
│       ├── Loading.vue
│       └── QRCode.vue
├── package-lock.json
├── package.json
├── postcss.config.js
├── vue.config.js
└── yarn.lock

技术栈

  • vue
  • vue-router
  • axios
  • matter.js

项目运行

  • 使用 Vue Cli 创建,按照标准即可完成

注意点

  1. 在Vue中,如果想要刷新当前页面,不建议使用this.$router.go(0),建议使用location.load()。这个方法在本项目中ios端会失效。但是在PC端和安卓是可以触发的。

  2. 物理引擎使用的是matter.js, 获取手机重力使用的是github上的一个封装库--oritnter.js

  • 首先,matter.js的官方文档,有点拉胯
  • 其次,oritnter.js这个库里所使用的方法有一些是需要在https协议下才能生效,这点特别坑!

接口文档

https://documenter.getpostman.com/view/12012080/TVRoWRLa

参与项目成员

  • 毛尧俊

项目上线时间

  • 2020年月日

项目的线上地址

https://wx.redrock.team/game/redrock-20th/
https://redrock.team/game/redrock-20th/

代码的 GitHub/GitLab 地址