Skip to content
This repository was archived by the owner on Jul 19, 2025. It is now read-only.

Commit 1dec4f4

Browse files
yusanckyitorrqianphongkf-liuaction-hong
committed
Update V1.0.0
Co-authored-by: itorr <itorrrrrr@me.com> Co-authored-by: pq <44841842+qianphong@users.noreply.github.com> Co-authored-by: KefangLiu <lkff128@163.com> Co-authored-by: kkopitehong <kkopite.hong@smartcorelink.com> Co-authored-by: HerrintonDarkholme <2883231+HerringtonDarkholme@users.noreply.github.com>
1 parent 899c7d2 commit 1dec4f4

File tree

8 files changed

+919
-2
lines changed

8 files changed

+919
-2
lines changed

‎GBA-ex.svg‎

Lines changed: 122 additions & 0 deletions
Loading

‎README.md‎

Lines changed: 39 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,39 @@
1-
# GBA-ex
2-
「大湾区制霸生成器」粤港澳大湾区制霸标记工具
1+
# 大湾区制霸：粤港澳大湾区制霸标记生成器
2+
3+
[![](https://yusancky.github.io/images/GBA-ex/GBA-ex.jpg)](https://gba-ex.netlify.app/)
4+
5+
## 简介
6+
7+
粤港澳大湾区（GBA）是中华人民共和国开放程度最高、经济活力最强的区域之一，在国家发展大局中具重要战略地位。大湾区包括香港特别行政区、澳门特别行政区和珠三角九市（广东省广州市、深圳市、珠海市、佛山市、惠州市、东莞市、中山市、江门市、肇庆市），总面积约 $5.6$ 万平方公里。
8+
9+
十一城，你曾踏上何处？
10+
11+
快使用[大湾区制霸](https://gba-ex.netlify.app/)标记吧！标记完成后，信息将会自动存储至本地，有新的进展可以再次打开网页更新！你还可以生成图片进行分享哦！
12+
13+
## 说明
14+
15+
本作品衍生自@itorr 制作的[中国制霸生成器](https://github.com/itorr/china-ex)。
16+
17+
本作品的行政区域均以城市为单位进行划分，共计十一个。
18+
19+
由于地图大小受限，本作品的地图将香港特别行政区标记为“港”，澳门特别行政区标记为“澳门”，其它城市均在广东省而不标记省份。
20+
21+
## 等级标准
22+
23+
- 居住：居住一年以上
24+
- 短居：居住一月以上
25+
- 游玩：旅行过
26+
- 出差：去过但完全未游玩
27+
- 路过：乘车路过或乘飞机经停
28+
29+
## 相关作品
30+
31+
- 中国 @itorr https://github.com/itorr/china-ex
32+
- 中国 吃货 @lvwzhen https://github.com/lvwzhen/foodie-ex
33+
- 美国、欧洲 @tenpages https://github.com/tenpages/us-level
34+
- 全球 @itorr https://github.com/itorr/world-ex
35+
- 中国 普通/简化切换 @qianphong https://github.com/qianphong/china-ex-ns
36+
- 中国 马拉松 @Likenttt https://github.com/Likenttt/china-city-marathon-ex
37+
- 福建 @action-hong https://github.com/action-hong/china-ex
38+
- 中国 自定义等级 @kf-liu https://github.com/kf-liu/china-ex-pro
39+
- 日本： https://zhung.com.tw/japanex/

‎html/index.html‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-Hans" data-loading>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>粤港澳大湾区制霸标记生成器</title>
8+
<meta name="description" content="粤港澳大湾区制霸标记生成器" />
9+
<meta
10+
name="keywords"
11+
content="粤港澳大湾区,广东,粤港澳大湾区制霸,广东制霸,中国制霸,雨伞CKY"
12+
/>
13+
<link rel="stylesheet" href="样式.css?v={version}" />
14+
</head>
15+
<body>
16+
<!--svg-->
17+
<div id="设置等级">
18+
<h2>地区</h2>
19+
<a data-level="5">居住</a>
20+
<a data-level="4">短居</a>
21+
<a data-level="3">游玩</a>
22+
<a data-level="2">出差</a>
23+
<a data-level="1">路过</a>
24+
<a data-level="0">没去过</a>
25+
</div>
26+
<footer>
27+
<a href="https://yusancky.github.io/posts/gba-ex" target="_blank">说明</a>
28+
<a href="https://github.com/yusancky/GBA-ex" target="_blank">
29+
<svg
30+
xmlns="http://www.w3.org/2000/svg"
31+
width="24"
32+
height="24"
33+
viewBox="0 0 24 24"
34+
>
35+
<path
36+
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
37+
/></svg
38+
></a>
39+
<a id="保存" class="按钮">保存为图片</a>
40+
</footer>
41+
<div id="输出" style="display: none;">
42+
<div><img /></div>
43+
<p>手机端可长按图片<b>“添加到照片”</b></p>
44+
<div><a class="按钮">关闭</a></div>
45+
</div>
46+
<script src="脚本.js?v={version}"></script>
47+
</body>
48+
</html>

‎html/样式.less‎

Lines changed: 208 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,208 @@
1+
html {
2+
font: 18px/40px '字体', sans-serif;
3+
background-color: #efb4b4;
4+
color: #111;
5+
}
6+
7+
body {
8+
margin: 0;
9+
}
10+
11+
html,
12+
body {
13+
height: 100%;
14+
overflow: hidden;
15+
}
16+
17+
svg {
18+
display: block;
19+
width: 100%;
20+
height: 100%;
21+
pointer-events: none;
22+
23+
a {
24+
pointer-events: auto;
25+
}
26+
}
27+
28+
a {
29+
color: #111;
30+
cursor: pointer;
31+
text-decoration: none;
32+
}
33+
34+
::selection {
35+
background-color: #FF7E7E;
36+
}
37+
38+
#设置等级 {
39+
display: none;
40+
position: absolute;
41+
z-index: 1;
42+
background: #FFF;
43+
width: 140px;
44+
border-radius: 4px;
45+
overflow: hidden;
46+
box-shadow: 3px 6px 0 rgba(0, 0, 0, .1);
47+
border: 4px solid #000;
48+
text-align: center;
49+
50+
h2 {
51+
margin: 0;
52+
font-weight: normal;
53+
font-size: 26px;
54+
line-height: 40px;
55+
cursor: default;
56+
}
57+
58+
a {
59+
line-height: 24px;
60+
cursor: pointer;
61+
}
62+
63+
h2,
64+
a {
65+
display: block;
66+
padding: 4px 10px;
67+
68+
&[data-level="5"] {
69+
background: #FF7E7E;
70+
}
71+
72+
&[data-level="4"] {
73+
background: #FFB57E;
74+
}
75+
76+
&[data-level="3"] {
77+
background: #FFE57E;
78+
}
79+
80+
&[data-level="2"] {
81+
background: #A8FFBE;
82+
}
83+
84+
&[data-level="1"] {
85+
background: #88AEFF;
86+
}
87+
}
88+
}
89+
90+
.按钮 {
91+
background: #FFF;
92+
box-shadow: 0 0 0 4px #111;
93+
border-radius: 3px;
94+
}
95+
96+
footer {
97+
position: absolute;
98+
right: 0;
99+
bottom: env(safe-area-inset-bottom, 0);
100+
margin: 20px;
101+
font-size: 24px;
102+
line-height: 30px;
103+
transition: opacity 1s ease;
104+
105+
a {
106+
float: left;
107+
padding: 8px 12px;
108+
109+
&.按钮 {
110+
margin-left: 12px;
111+
}
112+
}
113+
}
114+
115+
#输出 {
116+
display: flex;
117+
position: fixed;
118+
top: 0;
119+
right: 0;
120+
bottom: 0;
121+
left: 0;
122+
background: #FFF;
123+
text-align: center;
124+
flex-direction: column;
125+
flex-wrap: nowrap;
126+
align-content: center;
127+
justify-content: center;
128+
align-items: center;
129+
130+
img {
131+
display: block;
132+
width: 480px;
133+
height: 480px;
134+
margin: 0 auto;
135+
box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
136+
}
137+
138+
.按钮 {
139+
padding: 8px 12px;
140+
box-shadow: 0 0 0 2px #111;
141+
}
142+
}
143+
144+
@media (max-width:800px),
145+
(max-height:800px) {
146+
html {
147+
font-size: 14px;
148+
}
149+
150+
footer {
151+
font-size: 16px;
152+
line-height: 24px;
153+
margin: 10px;
154+
155+
a {
156+
padding: 6px 8px;
157+
}
158+
}
159+
160+
.按钮 {
161+
box-shadow: 0 0 0 2px #111;
162+
}
163+
164+
#设置等级 {
165+
width: 110px;
166+
border-width: 2px;
167+
168+
h2 {
169+
font-size: 18px;
170+
line-height: 30px;
171+
}
172+
173+
a {
174+
font-size: 14px;
175+
line-height: 18px;
176+
}
177+
}
178+
}
179+
180+
@media (max-width:480px) and (min-height:600px) {
181+
footer {
182+
bottom: 50px;
183+
}
184+
185+
#输出 {
186+
img {
187+
width: 100vw;
188+
height: 100vw;
189+
}
190+
}
191+
}
192+
193+
html {
194+
&[data-loading] {
195+
footer {
196+
pointer-events: none;
197+
opacity: 0;
198+
}
199+
}
200+
201+
&[data-running] {
202+
cursor: wait;
203+
204+
body {
205+
pointer-events: none;
206+
}
207+
}
208+
}

0 commit comments

Comments
 (0)