项目介绍
这个仓库是通信行程卡的非官方纪念版，项目载体是个小游戏
过去三年
我们不得不带着行程卡
相伴左右
有的人经历了成长和迷失
有的人收获了陪伴
有的人得到
也有的人失去
有的人甚至经历了生死离别
行程卡见证了一切
我们纪念的
不是行程卡
而是
这三年
我们很高兴的看到，在过去的三天里，这个游戏已经有200万人玩过，所以我们决定开源我们的代码
谨以此代码
为疫情
画上一个句号
愿国人安康
效果演示
界面截图
![图片[1]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2023/01/20230117160105390.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
![图片[2]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2023/01/20230117160132461.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
![图片[3]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2023/01/20230117160205193.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
原项目地址
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](https://static.iculture.cc/wp-content/uploads/2023/01/20230117161249215-1024x278.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
本地运行
npm run start![图片[5]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2023/01/20230117161304623.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
打包编译
- 修改
.umirc.ts的publicPath参数，可以改为您自己的url - 执行编译
npm run build![图片[6]-【情怀】行程卡纪念版 | 在线生成工具 | 源码分享-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2023/01/20230117161348884.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
- 将
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
- 最新
- 最热
只看作者