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

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

项目介绍

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

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

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

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

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

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

效果演示

界面截图

图片[1]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog
图片[2]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog
图片[3]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog

原项目地址

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

源码编译

环境依赖

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

图片[4]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog

本地运行

npm run start

图片[5]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog

打包编译

  1. 修改 .umirc.tspublicPath 参数,可以改为您自己的 url
  2. 执行编译
npm run build
图片[6]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog
  1. dist文件夹内容上传到服务器

打包版下载

打包版即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.iculture.cc/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.iculture.cc/demo/TravelCard/umi.18985198.js"></script>
  </body>
</html>

致谢

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
guren888的头像-FancyPig's blog披萨会员
评论 共1条

请登录后发表评论