行程卡纪念版

行程卡纪念版

封面

说明

这个仓库是通信行程卡的非官方纪念版，项目载体是个小游戏

过去三年
我们不得不带着行程卡
相伴左右

有的人经历了成长和迷失
有的人收获了陪伴
有的人得到
也有的人失去
有的人甚至经历了生死离别

行程卡见证了一切
我们纪念的
不是行程卡
而是
这三年

谨以此代码
为疫情
画上一个句号
愿国人安康

效果演示

https://blog.zhaoziyi.site/demo/TravelCard

界面截图

img1
img2

原项目地址

启动服务

环境依赖

  • nodejs: v16.15.1
  • npm: v8.11.0

快速开始

安装依赖

1
$ npm install

环境依赖

本地运行

1
$ npm run start

本地运行

打包编译

  1. 修改 .umirc.ts 的 publicPath 参数，可以改为您自己的 url

  2. 执行编译

    1
    $ npm run build

    打包编译

  3. 将dist文件夹内容上传到服务器

打包版下载

点击此处下载

打包版即dist文件夹中生成的，您需要修改里面的网址并上传到自己的服务器才可以使用，核心代码均在index.html中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no"
    />
    <link
      rel="stylesheet"
      href="./umi.38c46f0e.css"
    />
    <script>
      window.routerBase = "/";
    </script>
    <script>
      //! umi version: 3.5.21
    </script>
  </head>

  <body>
    <div id="root"></div>

    <script src="./umi.18985198.js"></script>
  </body>
</html>

贡献

致谢

隐私说明

行程信息全部在本地处理，不联网，不收集、不存储、不分析。