【情怀】行程卡纪念版 | 在线生成工具 | 源码分享

作者：guren888 | 发布时间： | 更新时间：

项目介绍

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

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

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

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

我们很高兴的看到，在过去的三天里，这个游戏已经有200万人玩过，所以我们决定开源我们的代码

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

效果演示

在线体验

界面截图

原项目地址

https://github.com/aladdin-chu/travel-card-ce/blob/main/README.zh_CN.md

源码编译

环境依赖

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

本地运行

npm run start

打包编译

  1. 修改 .umirc.ts 的 publicPath 参数，可以改为您自己的 url
  2. 执行编译
npm run build
  1. 将dist文件夹内容上传到服务器

打包版下载

打包版代码下载 提取码oa5ocl

打包版即dist文件夹中生成的，您需要修改里面的网址并上传到自己的服务器才可以使用，核心代码均在index.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="//www.pigsec.cn/demo/TravelCard/umi.38c46f0e.css"
    />
    <script>
      window.routerBase = "/";
    </script>
    <script>
      //! umi version: 3.5.21
    </script>
  </head>

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

    <script src="//www.pigsec.cn/demo/TravelCard/umi.18985198.js"></script>
  </body>
</html>

致谢

标签：源码, 行程卡纪念版, 行程卡纪念版怎么弄的, 行程卡纪念版怎么获取, 行程卡, 行程卡下线, 行程卡下载, 行程卡查询, 行程卡没有行程数据怎么回事, 行程卡纪念卡怎么弄, 行程卡纪念版怎么搞, 行程卡纪念版生成器