Procházet zdrojové kódy

feat: add qr code image to project card

- Embed yan.png QR code image via href in project-card.svg
- Resize SVG to 800x1280 to accommodate QR code section
- Replace text CTA button with actual QR code image
- Add '扫码了解更多' label above QR code
Xiaogang Liao před 3 měsíci
rodič
revize
ab12635959
1 změnil soubory, kde provedl 12 přidání a 11 odebrání
  1. 12 11
      web/sales/project-card.svg

+ 12 - 11
web/sales/project-card.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1100" width="800" height="1100">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1280" width="800" height="1280">
   <defs>
     <linearGradient id="bgGrad" x1="0" y1="0" x2="0.8" y2="1">
       <stop offset="0%" stop-color="#F97316"/>
@@ -18,12 +18,12 @@
   </defs>
 
   <!-- Background -->
-  <rect width="800" height="1100" rx="24" fill="url(#bgGrad)"/>
+  <rect width="800" height="1280" rx="24" fill="url(#bgGrad)"/>
 
   <!-- Decorative circles -->
   <circle cx="650" cy="150" r="200" fill="rgba(255,255,255,0.04)"/>
   <circle cx="700" cy="80" r="120" fill="rgba(255,255,255,0.03)"/>
-  <circle cx="100" cy="950" r="180" fill="rgba(255,255,255,0.04)"/>
+  <circle cx="100" cy="1150" r="180" fill="rgba(255,255,255,0.04)"/>
 
   <!-- Top decorative dots -->
   <g transform="translate(400, 36)">
@@ -42,7 +42,7 @@
   <line x1="160" y1="130" x2="640" y2="130" stroke="rgba(255,255,255,0.15)" stroke-width="1"/>
 
   <!-- Main content card -->
-  <rect x="40" y="155" width="720" height="800" rx="20" fill="url(#cardBg)" filter="url(#shadow)"/>
+  <rect x="40" y="155" width="720" height="980" rx="20" fill="url(#cardBg)" filter="url(#shadow)"/>
 
   <!-- ===== Five Dimension Circles ===== -->
   <g transform="translate(400, 230)">
@@ -155,14 +155,15 @@
     <text x="540" y="81" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="13" fill="#44403C" text-anchor="middle" font-weight="600">🎮 趣味小游戏</text>
   </g>
 
-  <!-- ===== CTA Section ===== -->
+  <!-- ===== QR Code Section ===== -->
   <line x1="80" y1="850" x2="720" y2="850" stroke="#FED7AA" stroke-width="1"/>
 
-  <rect x="200" y="870" width="400" height="48" rx="24" fill="#F97316"/>
-  <text x="400" y="899" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="16" font-weight="700" fill="white" text-anchor="middle">立即扫码加入 · 开启家庭幸福之旅</text>
+  <text x="400" y="878" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="15" font-weight="700" fill="#F97316" text-anchor="middle">扫码了解更多</text>
+
+  <image href="../img/yan.png" x="300" y="896" width="200" height="200" rx="8"/>
 
   <!-- ===== Bottom decoration ===== -->
-  <g transform="translate(400, 940)">
+  <g transform="translate(400, 1120)">
     <circle cx="-52" cy="0" r="3.5" fill="#FF8C42"/>
     <circle cx="-26" cy="-3" r="3.5" fill="#6366F1"/>
     <circle cx="0" cy="0" r="3.5" fill="#F59E0B"/>
@@ -170,9 +171,9 @@
     <circle cx="52" cy="0" r="3.5" fill="#FF6B9D"/>
   </g>
 
-  <text x="400" y="960" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="11" fill="rgba(255,255,255,0.4)" text-anchor="middle">浠艾福 · 家庭健康俱乐部</text>
+  <text x="400" y="1140" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="11" fill="rgba(255,255,255,0.4)" text-anchor="middle">浠艾福 · 家庭健康俱乐部</text>
 
   <!-- Contact info -->
-  <text x="400" y="1050" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="13" fill="rgba(255,255,255,0.7)" text-anchor="middle" font-weight="500">书宁老师 13701366188</text>
-  <text x="400" y="1075" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="12" fill="rgba(255,255,255,0.4)" text-anchor="middle">www.etotem.com.cn</text>
+  <text x="400" y="1230" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="13" fill="rgba(255,255,255,0.7)" text-anchor="middle" font-weight="500">书宁老师 13701366188</text>
+  <text x="400" y="1255" font-family="'PingFang SC','Microsoft YaHei',sans-serif" font-size="12" fill="rgba(255,255,255,0.4)" text-anchor="middle">www.etotem.com.cn</text>
 </svg>