行程卡纪念版在线生成|附源码

行程卡纪念版在线生成|附源码
此内容为免费资源,请登录后查看
¥海币0
免费资源

前言

中国信息通信研究院发布公告宣布“通信行程卡”服务将于12月13日零时起正式下线。“通信行程卡”短信、网页、微信小程序、支付宝小程序、APP等查询渠道将同步下线。

于是就有今天的纪念版本-来自Github的大佬开发

在线体验

项目介绍

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

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

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

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

我们很高兴的看到,在过去的三天里,这个游戏已经有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
图片[3]-行程卡纪念版在线生成|附源码-山海云端论坛

本地运行

npm run start
图片[4]-行程卡纪念版在线生成|附源码-山海云端论坛

打包编译

  1. 修改 .umirc.ts 的 publicPath 参数,可以改为您自己的 url
  2. 执行编译
npm run build
图片[5]-行程卡纪念版在线生成|附源码-山海云端论坛

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

注:编译教程来自FancyPig’s blog

打包版下载

打包版即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.shserve.cn/demo/itinerary/umi.38c46f0e.css"
    />
    <script>
      window.routerBase = "/";
    </script>
    <script>
      //! umi version: 3.5.21
    </script>
  </head>

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

    <script src="//www.shserve.cn/demo/itinerary/umi.18985198.js"></script>
  </body>
</html>
© 版权声明
THE END
喜欢就支持一下吧
点赞14赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容