xcgo/xtrip
1
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 初始化西安旅行记忆互动地图游戏项目

Browse Source 
完成项目基础搭建：配置 Vite 开发构建环境，集成 Phaser 3 与虚拟摇杆插件，实现地图漫游、景点触发、拍立得弹窗、进度存档等核心功能，添加占位资源与批量生成脚本，配置项目元数据与忽略规则。
This commit is contained in:
Stephen committed 2026-10-17 18:01:46 +08:00
commit a404e42ca8
42 files changed
+5489
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/assets/maps/map-base.svg
+164
View File
@@ -0,0 +1,164 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
西安手账地图底图（SVG 路网层）
- 坐标系：viewBox 0 0 3000 2100，约 8.3 米/单位，景点触发坐标见 src/data/spots.js
- 风格：羊皮纸底 + 棕褐路网 + 淡蓝水系；纸张纹理由 MapScene 叠加 AI 纹理层实现
- 景点标记不在此层绘制（由 Phaser PoiMarker 渲染，支持已/未解锁状态切换）
-->
<svg xmlns="http://www.w3.org/2000/svg" width="3000" height="2100" viewBox="0 0 3000 2100">
<defs>
<!-- 水系波光渐变 -->
<linearGradient id="water" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#b8d4e4" />
<stop offset="1" stop-color="#a4c3d6" />
</linearGradient>
<!-- 城墙渐变 -->
<linearGradient id="wall" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#e6d8b8" />
<stop offset="1" stop-color="#dccba6" />
</linearGradient>
</defs>
<!-- ═══ 羊皮纸底色 ═══ -->
<rect width="3000" height="2100" fill="#f5ecd7" />
<!-- ═══ 城区淡彩（区域感，不追求精确） ═══ -->
<rect x="620" y="520" width="1760" height="1200" rx="90" fill="#efe3c8" opacity="0.45" />
<!-- 城墙内街区 -->
<rect x="1030" y="980" width="540" height="340" fill="#eadfc2" opacity="0.8" />
<!-- 高新区 -->
<rect x="640" y="900" width="360" height="700" rx="30" fill="#e3e6d0" opacity="0.5" />
<!-- 曲江新区 -->
<rect x="1750" y="1550" width="640" height="480" rx="40" fill="#e0e8d2" opacity="0.5" />
<!-- 临潼片区 -->
<rect x="2420" y="150" width="540" height="560" rx="40" fill="#ece0c2" opacity="0.5" />
<!-- ═══ 绿地 / 遗址公园 ═══ -->
<!-- 大明宫遗址公园 -->
<rect x="1210" y="690" width="240" height="180" rx="24" fill="#d8e3c0" opacity="0.9" />
<text x="1330" y="700" font-family="Kaiti SC, KaiTi, serif" font-size="34" fill="#7a8a5e" text-anchor="middle" opacity="0.85">大明宫遗址公园</text>
<!-- 兴庆宫公园 -->
<rect x="1690" y="840" width="220" height="150" rx="24" fill="#d8e3c0" opacity="0.85" />
<text x="1800" y="850" font-family="Kaiti SC, KaiTi, serif" font-size="30" fill="#7a8a5e" text-anchor="middle" opacity="0.85">兴庆宫公园</text>
<!-- ═══ 水系 ═══ -->
<!-- 渭河（北部横贯） -->
<path d="M -20 215 C 400 245, 700 190, 1000 218 C 1300 245, 1600 172, 1900 202 C 2200 232, 2600 180, 3020 208"
fill="none" stroke="url(#water)" stroke-width="34" stroke-linecap="round" opacity="0.9" />
<path d="M -20 215 C 400 245, 700 190, 1000 218 C 1300 245, 1600 172, 1900 202 C 2200 232, 2600 180, 3020 208"
fill="none" stroke="#e8f0f4" stroke-width="3" stroke-dasharray="2 26" stroke-linecap="round" opacity="0.8" />
<text x="700" y="185" font-family="Kaiti SC, KaiTi, serif" font-size="40" fill="#7fa3bb" text-anchor="middle">渭 河</text>
<!-- 灞河（东北纵贯） -->
<path d="M 2330 2120 C 2310 1800, 2360 1500, 2330 1200 C 2300 900, 2380 500, 2348 218"
fill="none" stroke="url(#water)" stroke-width="18" stroke-linecap="round" opacity="0.85" />
<text x="2296" y="960" font-family="Kaiti SC, KaiTi, serif" font-size="32" fill="#7fa3bb" text-anchor="middle" transform="rotate(-88 2296 960)">灞河</text>
<!-- 浐河 -->
<path d="M 2090 2120 C 2070 1800, 2110 1500, 2080 1200 C 2050 900, 2105 450, 2078 212"
fill="none" stroke="url(#water)" stroke-width="12" stroke-linecap="round" opacity="0.8" />
<text x="2118" y="1250" font-family="Kaiti SC, KaiTi, serif" font-size="30" fill="#7fa3bb" text-anchor="middle" transform="rotate(-88 2118 1250)">浐河</text>
<!-- 沣河（西南） -->
<path d="M 460 2120 C 440 1800, 480 1400, 450 1000 C 430 700, 462 400, 438 248"
fill="none" stroke="url(#water)" stroke-width="15" stroke-linecap="round" opacity="0.8" />
<text x="496" y="900" font-family="Kaiti SC, KaiTi, serif" font-size="32" fill="#7fa3bb" text-anchor="middle" transform="rotate(-88 496 900)">沣河</text>
<!-- 曲江池遗址水泊 -->
<ellipse cx="2215" cy="1965" rx="225" ry="82" fill="url(#water)" opacity="0.85" />
<text x="2215" y="2048" font-family="Kaiti SC, KaiTi, serif" font-size="30" fill="#7fa3bb" text-anchor="middle" opacity="0.9">曲江池</text>
<!-- ═══ 二环（虚线示意） ═══ -->
<rect x="620" y="520" width="1760" height="1200" rx="90" fill="none"
stroke="#b08a5e" stroke-width="9" stroke-dasharray="30 22" opacity="0.55" />
<!-- ═══ 路网（主干道，棕褐手账线条） ═══ -->
<g stroke="#b08a5e" stroke-linecap="round" fill="none" opacity="0.85">
<!-- 东西五路（城北，东西贯通） -->
<path d="M 320 940 C 700 930, 900 945, 1030 940 M 1570 940 C 1800 945, 2100 930, 2380 935" stroke-width="14" />
<!-- 东西大街（城内中轴 + 城外延伸） -->
<path d="M 320 1150 C 620 1140, 860 1155, 1030 1150 M 1570 1150 C 1800 1155, 2020 1140, 2280 1150" stroke-width="16" />
<!-- 解放路（城内南北 + 北延至大明宫） -->
<path d="M 1520 1320 L 1520 980 M 1520 980 C 1490 880, 1470 810, 1450 740" stroke-width="12" />
<!-- 朱雀大街（南门向南） -->
<path d="M 1180 1320 C 1180 1480, 1190 1640, 1185 1760" stroke-width="13" />
<!-- 长安路中轴（南门直下接雁塔路弧线） -->
<path d="M 1300 1320 C 1300 1440, 1320 1560, 1380 1660 C 1500 1760, 1720 1720, 1900 1660" stroke-width="15" />
<!-- 高新路（西南纵贯） -->
<path d="M 820 900 C 810 1150, 830 1450, 815 1720" stroke-width="12" opacity="0.7" />
<!-- 城内棋盘细街 -->
<g stroke-width="5" opacity="0.45">
<path d="M 1100 990 L 1100 1310" />
<path d="M 1220 990 L 1220 1310" />
<path d="M 1420 990 L 1420 1310" />
<path d="M 1040 1060 L 1560 1060" />
<path d="M 1040 1240 L 1560 1240" />
</g>
<!-- 连霍高速（东北去临潼，虚线） -->
<path d="M 2380 720 C 2450 650, 2490 570, 2560 470 C 2650 375, 2750 315, 2845 240"
stroke-width="10" stroke-dasharray="26 18" opacity="0.5" />
</g>
<!-- ═══ 明城墙 ═══ -->
<!-- 护城河 -->
<rect x="1006" y="956" width="588" height="388" rx="26" fill="none"
stroke="url(#water)" stroke-width="13" opacity="0.85" />
<!-- 墙体 -->
<rect x="1030" y="980" width="540" height="340" rx="14" fill="url(#wall)"
stroke="#8a6a42" stroke-width="13" />
<!-- 城门（四边中点开口，白段覆盖） -->
<g stroke="#eadfc2" stroke-width="17">
<path d="M 1272 980 L 1328 980" />
<path d="M 1272 1320 L 1328 1320" />
<path d="M 1030 1122 L 1030 1178" />
<path d="M 1570 1122 L 1570 1178" />
</g>
<!-- 城门小楼 -->
<g fill="#c9a875" stroke="#8a6a42" stroke-width="3">
<rect x="1262" y="966" width="76" height="28" rx="6" />
<rect x="1262" y="1306" width="76" height="28" rx="6" />
<rect x="1016" y="1108" width="28" height="84" rx="6" />
<rect x="1556" y="1108" width="28" height="84" rx="6" />
</g>
<text x="1300" y="948" font-family="Kaiti SC, KaiTi, serif" font-size="34" fill="#8a6a42" text-anchor="middle" opacity="0.9">明城墙</text>
<!-- ═══ 区域地名标注 ═══ -->
<g font-family="Kaiti SC, KaiTi, serif" fill="#9a8a6e" opacity="0.75" text-anchor="middle">
<text x="2680" y="640" font-size="38">临 潼</text>
<text x="2100" y="1610" font-size="36">曲江新区</text>
<text x="700" y="1380" font-size="36">高新区</text>
<text x="1890" y="520" font-size="34">灞桥</text>
</g>
<!-- ═══ 罗盘（右下装饰） ═══ -->
<g transform="translate(2760, 1900)" opacity="0.9">
<circle r="86" fill="#f0e6cc" stroke="#8a6a42" stroke-width="6" />
<circle r="70" fill="none" stroke="#b08a5e" stroke-width="2.5" stroke-dasharray="5 7" />
<!-- 四芒星指针 -->
<path d="M 0 -62 L 12 -12 L 62 0 L 12 12 L 0 62 L -12 12 L -62 0 L -12 -12 Z" fill="#c9a875" stroke="#8a6a42" stroke-width="2" />
<path d="M 0 -62 L 12 -12 L -12 -12 Z" fill="#8a6a42" />
<text y="-88" font-family="Kaiti SC, KaiTi, serif" font-size="30" fill="#8a6a42" text-anchor="middle">北</text>
</g>
<!-- ═══ 地图标题（左上） ═══ -->
<g transform="translate(110, 150)">
<text font-family="Kaiti SC, KaiTi, serif" font-size="72" fill="#6b4e2e">西安 · 旅行手账地图</text>
<text x="8" y="52" font-family="Georgia, serif" font-size="24" fill="#b08a5e" letter-spacing="6">XI'AN TRAVEL JOURNAL MAP</text>
<!-- 手绘下划线 -->
<path d="M 0 78 C 200 70, 500 86, 760 74" fill="none" stroke="#c9a875" stroke-width="5" stroke-linecap="round" />
</g>
<!-- ═══ 底部提示 ═══ -->
<text x="1500" y="2065" font-family="Kaiti SC, KaiTi, serif" font-size="28" fill="#b08a5e" text-anchor="middle" opacity="0.8">—— 走进景点，翻开你的旅行手账 ——</text>
<!-- ═══ 装饰边框 ═══ -->
<rect x="26" y="26" width="2948" height="2048" fill="none" stroke="#c9b488" stroke-width="5" />
<rect x="40" y="40" width="2920" height="2020" fill="none" stroke="#c9b488" stroke-width="2" opacity="0.7" />
<!-- 四角装饰 -->
<g fill="#c9a875">
<path d="M 26 106 L 46 26 L 106 26 L 86 106 Z" opacity="0.6" />
<path d="M 2974 106 L 2954 26 L 2894 26 L 2914 106 Z" opacity="0.6" />
<path d="M 26 1994 L 46 2074 L 106 2074 L 86 1994 Z" opacity="0.6" />
<path d="M 2974 1994 L 2954 2074 L 2894 2074 L 2914 1994 Z" opacity="0.6" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

public/assets/photos/bingmayong_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(107 38% 78%)" />
<stop offset="1" stop-color="hsl(131 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">⚔️</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">一号坑的军阵全景</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 928 B

public/assets/photos/bingmayong_02.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(107 38% 78%)" />
<stop offset="1" stop-color="hsl(131 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">⚔️</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">跪射俑的侧脸</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 922 B

public/assets/photos/buyecheng_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(114 38% 78%)" />
<stop offset="1" stop-color="hsl(138 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🏮</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">华灯初上的步行街</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 926 B

public/assets/photos/buyecheng_02.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(114 38% 78%)" />
<stop offset="1" stop-color="hsl(138 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🏮</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">不倒翁小姐姐</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 920 B

public/assets/photos/chengqiang_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(25 38% 78%)" />
<stop offset="1" stop-color="hsl(49 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🧱</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">城墙上骑行的傍晚</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 924 B

public/assets/photos/daminggong_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(91 38% 78%)" />
<stop offset="1" stop-color="hsl(115 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🏛️</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">含元殿的巨大夯土台</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 931 B

public/assets/photos/dayanta_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(198 38% 78%)" />
<stop offset="1" stop-color="hsl(222 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🗼</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">夕阳下的大雁塔</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 923 B

public/assets/photos/dayanta_02.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(198 38% 78%)" />
<stop offset="1" stop-color="hsl(222 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🗼</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">音乐喷泉开场的瞬间</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 929 B

public/assets/photos/huaqingchi_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(127 38% 78%)" />
<stop offset="1" stop-color="hsl(151 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">♨️</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">骊山脚下的温泉古苑</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 931 B

public/assets/photos/huiminjie_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(32 38% 78%)" />
<stop offset="1" stop-color="hsl(56 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🥟</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">滋滋冒油的烤肉串</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 924 B

public/assets/photos/huiminjie_02.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(32 38% 78%)" />
<stop offset="1" stop-color="hsl(56 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🥟</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">排长队的甑糕摊</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 921 B

public/assets/photos/shanbwy_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(194 38% 78%)" />
<stop offset="1" stop-color="hsl(218 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🏺</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">排队两小时的入口</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 926 B

public/assets/photos/shanbwy_02.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(194 38% 78%)" />
<stop offset="1" stop-color="hsl(218 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🏺</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">唐代鎏金舞马衔杯银壶</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 932 B

public/assets/photos/xiaoyanta_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(284 38% 78%)" />
<stop offset="1" stop-color="hsl(308 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🛕</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">晨钟里的古塔剪影</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 926 B

public/assets/photos/zhonglou_01.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="hsl(16 38% 78%)" />
<stop offset="1" stop-color="hsl(40 30% 64%)" />
</linearGradient>
</defs>
<rect width="1200" height="900" fill="url(#bg)" />
<rect x="36" y="36" width="1128" height="828" fill="none"
stroke="rgba(255,250,235,0.7)" stroke-width="4" stroke-dasharray="18 12" rx="10" />
<text x="600" y="406" font-size="150" text-anchor="middle">🏯</text>
<text x="600" y="542" font-family="Kaiti SC, KaiTi, serif" font-size="64"
fill="rgba(70,50,28,0.82)" text-anchor="middle">夜晚的钟楼灯火辉煌</text>
<text x="600" y="608" font-family="Kaiti SC, KaiTi, serif" font-size="36"
fill="rgba(70,50,28,0.55)" text-anchor="middle" letter-spacing="8">· 占位照片 ·</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 927 B

public/assets/textures/paper.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB