diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..0fafe0f --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/travel-card.iml b/.idea/travel-card.iml new file mode 100644 index 0000000..0c8867d --- /dev/null +++ b/.idea/travel-card.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..94a25f7 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 0000000..f2a1789 --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + + + { + "keyToString": { + "RunOnceActivity.OpenProjectViewOnStart": "true", + "RunOnceActivity.ShowReadmeOnStart": "true", + "WebServerToolWindowFactoryState": "false", + "vue.rearranger.settings.migration": "true" + } +} + + + + + 1671281515793 + + + 1671329691741 + + + 1671331369396 + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/font/.keep b/assets/font/.keep new file mode 100644 index 0000000..e69de29 diff --git a/assets/font/PangMenZhengDao-3.ttf b/assets/font/PangMenZhengDao-3.ttf new file mode 100644 index 0000000..89f455c Binary files /dev/null and b/assets/font/PangMenZhengDao-3.ttf differ diff --git a/assets/image/birthday-compressed.png b/assets/image/birthday-compressed.png new file mode 100644 index 0000000..dcb9085 Binary files /dev/null and b/assets/image/birthday-compressed.png differ diff --git a/assets/image/birthday.png b/assets/image/birthday.png new file mode 100644 index 0000000..db581f5 Binary files /dev/null and b/assets/image/birthday.png differ diff --git a/assets/image/no-compressed.png b/assets/image/no-compressed.png new file mode 100644 index 0000000..1c062bb Binary files /dev/null and b/assets/image/no-compressed.png differ diff --git a/assets/image/no.png b/assets/image/no.png new file mode 100644 index 0000000..6f3997d Binary files /dev/null and b/assets/image/no.png differ diff --git a/assets/image/red-compressed.png b/assets/image/red-compressed.png new file mode 100644 index 0000000..654d4aa Binary files /dev/null and b/assets/image/red-compressed.png differ diff --git a/assets/image/red.png b/assets/image/red.png new file mode 100644 index 0000000..18686a4 Binary files /dev/null and b/assets/image/red.png differ diff --git a/assets/image/yellow-compressed.png b/assets/image/yellow-compressed.png new file mode 100644 index 0000000..56d925e Binary files /dev/null and b/assets/image/yellow-compressed.png differ diff --git a/assets/image/yellow.png b/assets/image/yellow.png new file mode 100644 index 0000000..933df8d Binary files /dev/null and b/assets/image/yellow.png differ diff --git a/index.html b/index.html index 3931a8c..b461bf7 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ + 通信行程卡 - 纪念版 @@ -164,6 +165,35 @@ .setting-input input { width: 100%; } + + .yellow { + background-color: #f7ba00; + } + + .red, + .no { + background-color: #e43b00; + } + + .text-green { + color: #00A766; + background-color: #CFEEDF; + } + + .text-red { + color: #e43b00; + background-color: #ffe6dc; + } + + .text-yellow { + color: #f7ba00; + background-color: #fff4d3; + } + + @font-face { + font-family: PangMenZhengDao; + src: url("assets/font/PangMenZhengDao-3.ttf"); + } @@ -171,22 +201,26 @@
-
+
-

{{ card.title }}

-

{{ card.subtitle }}

+ +
+ +
+

{{ card.title }}

+

{{ card.subtitle }}

+
-
-
+
- 请收下绿色行程卡 + 请收下{{ cardColor }}色行程卡
@@ -206,12 +240,11 @@

- +
-
- 您于 {{ card.timeSpan }} 年到达或途经：{{ card.location +
+ 您于{{ card.timeSpan }}到达或途经：{{ card.location }}
@@ -221,12 +254,15 @@ 2022年12月13日0时起，正式下线“通信行程卡”服务，“通信行程卡”短信、网页、微信小程序、支付宝小程序、APP等查询渠道将同步下线。
- ———— 三年了，再见 ———— + ————————— 三年了，再见 —————————

2020.02.13 - 2022.12.13

+
+ +
@@ -251,13 +287,22 @@ @@ -276,14 +321,10 @@
-

+

* 本页面仅作纪念，无实际意义，不得用于防疫等相关场景

- 本页面由 程序员小墨 制作并开源
- 欢迎关注： - B站 - 公众号 开源地址： GitHub Gitee @@ -298,48 +339,87 @@ return { showSetting: true, card: { - title: "通信行程卡纪念版", - subtitle: "做自己的健康第一责任人", - phone: "某某某", + title: "通信大数据行程卡", + subtitle: "疫情防控，人人有责", + phone: "麻瓜瓜", time: "停止于：2022.12.13 00:00:00", timeSpan: "2020 - 2022", - location: "湖北省武汉市、湖北省天门市", // ["湖北省武汉市", "湖北省天门市"], + type: 0, + themeColor: 0, + location: "广东省东莞市、艾尔登尼亚", }, setting: [ { key: "title", name: "标题", + type: 'input', maxlength: 15, - more: ["通信行程卡纪念版", "行程卡纪念版", "通信大数据行程卡纪念版"] + more: ["通信行程卡纪念版", "行程卡纪念版", "通信行程卡纪念版"] }, { key: "subtitle", name: "副标题", + type: 'input', maxlength: 15, - more: ["做自己的健康第一责任人", "回顾行程卡的1034天", "做好疫情防控第一责任人", "疫情防控，人人有责"] + more: ["做自己的健康第一责任人", "回顾行程卡的1034天", "做好疫情防控第一责任人", "做自己的健康第一责任人"] }, { key: "phone", name: "归属人", + type: 'input', maxlength: 15, - more: ["2020***2022", "您的姓名", "189****1234", "某某某"] + more: ["2020***2022", "您的姓名", "189****1234", "某某某", "麻瓜瓜"] }, { key: "time", name: "时间", - maxlength: 15, + type: 'input', + maxlength: 25, // 调整到25个字符 便于调整时间 more: ["2020.02.13 - 2022.12.13", "2020年 - 2022年", "停止于：2022.12.13 00:00:00", "更新于：2022.12.13 00:00:00"] }, + { + key: "type", + name: "类型", + type: 'radio', + maxlength: 1, + more: [{ name: '绿色', value: 0 }, { name: '黄色', value: 1 }, { name: '红色', value: 2 }, { name: '禁止', value: 3 }, { name: '生日', value: 4 }] + }, { key: "location", name: "到达地点", + type: 'textarea', maxlength: 300, - more: null, + more: ["艾尔登尼亚", "广东省东莞市、艾尔登尼亚", "湖北省武汉市", "湖北省武汉市、湖北省天门市"], textarea: true, } ] } }, + computed: { + cardColor() { + switch (this.card.type) { + case 0: return "绿" + case 1: return "黄" + default: return "红" + } + }, + cardClass() { + switch (this.card.type) { + case 0: return "green" + case 1: return "yellow" + default: return "red" + } + }, + cardArrow() { + switch (this.card.type) { + case 1: return './assets/image/yellow-compressed.png' + case 2: return './assets/image/red-compressed.png' + case 3: return './assets/image/no-compressed.png' + case 4: return './assets/image/birthday-compressed.png' + default: return './assets/image/arrow-compressed.png' + } + } + }, methods: { toggleSetting(e) { console.log(e)