liuhaodong
/
laic-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat: 重画监控地图机巢/无人机水滴 pin 

覆盖 dock-pin/drone-pin 各状态 SVG，统一 48x64 立体水滴造型。
main
xiaosi 3 weeks ago
parent
c81a1ccc34
commit
308e9bc8f0
12 changed files with 121 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      public/assets/icons/dock-pin-alarm.svg
  2. 7
      public/assets/icons/dock-pin-mission.svg
  3. 7
      public/assets/icons/dock-pin-offline.svg
  4. 7
      public/assets/icons/dock-pin-online.svg
  5. 7
      public/assets/icons/dock-pin-pending.svg
  6. 11
      public/assets/icons/dock-pin.svg
  7. 12
      public/assets/icons/drone-pin-alarm.svg
  8. 12
      public/assets/icons/drone-pin-mission.svg
  9. 12
      public/assets/icons/drone-pin-offline.svg
  10. 12
      public/assets/icons/drone-pin-online.svg
  11. 12
      public/assets/icons/drone-pin-pending.svg
  12. 15
      public/assets/icons/drone-pin.svg

7
public/assets/icons/dock-pin-alarm.svg
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#CC3D43" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
<path d="M20.2 27.4h7.6" stroke="#CC3D43" stroke-width="1.6" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 662 B

7
public/assets/icons/dock-pin-mission.svg
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#2D82DA" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
<path d="M20.2 27.4h7.6" stroke="#2D82DA" stroke-width="1.6" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 662 B

7
public/assets/icons/dock-pin-offline.svg
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#84909B" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
<path d="M20.2 27.4h7.6" stroke="#84909B" stroke-width="1.6" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 662 B

7
public/assets/icons/dock-pin-online.svg
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#1F6FBF" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
<path d="M20.2 27.4h7.6" stroke="#1F6FBF" stroke-width="1.6" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 662 B

7
public/assets/icons/dock-pin-pending.svg
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#C48A2A" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
<path d="M20.2 27.4h7.6" stroke="#C48A2A" stroke-width="1.6" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 662 B

11
public/assets/icons/dock-pin.svg
View File

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<!-- soft ground shadow -->
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<!-- pin body -->
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#1F6FBF" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<!-- inner gloss -->
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<!-- dock / cabin glyph -->
<path d="M16.4 25.2 24 18.6l7.6 6.6V35.2c0 .7-.6 1.3-1.3 1.3h-3.2v-4.8h-4.2v4.8h-3.2c-.7 0-1.3-.6-1.3-1.3V25.2Z" fill="#FFFFFF"/>
<path d="M20.2 27.4h7.6" stroke="#1F6FBF" stroke-width="1.6" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 765 B

12
public/assets/icons/drone-pin-alarm.svg
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#CC3D43" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
<circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
<circle cx="24" cy="26.2" r="1.2" fill="#CC3D43"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1010 B

12
public/assets/icons/drone-pin-mission.svg
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#2D82DA" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
<circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
<circle cx="24" cy="26.2" r="1.2" fill="#2D82DA"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1010 B

12
public/assets/icons/drone-pin-offline.svg
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#84909B" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
<circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
<circle cx="24" cy="26.2" r="1.2" fill="#84909B"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1010 B

12
public/assets/icons/drone-pin-online.svg
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#1F9B6A" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
<circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
<circle cx="24" cy="26.2" r="1.2" fill="#1F9B6A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1010 B

12
public/assets/icons/drone-pin-pending.svg
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#C48A2A" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
<circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
<circle cx="24" cy="26.2" r="1.2" fill="#C48A2A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1010 B

15
public/assets/icons/drone-pin.svg
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 64" fill="none">
<ellipse cx="24" cy="58.5" rx="9" ry="3.2" fill="#0B1724" opacity="0.28"/>
<path d="M24 56.5C24 56.5 40 40.2 40 24.5a16 16 0 1 0-32 0C8 40.2 24 56.5 24 56.5Z" fill="#1F9B6A" stroke="#FFFFFF" stroke-width="2.6" stroke-linejoin="round"/>
<path d="M16.2 18.8c1.8-5.2 6.2-8.4 11.4-8.8" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" opacity="0.35"/>
<!-- quad arms -->
<path d="M17.2 19.4 21.2 23.4M30.8 19.4 26.8 23.4M17.2 32.6 21.2 28.6M30.8 32.6 26.8 28.6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
<!-- rotors -->
<circle cx="15.8" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="17.8" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="15.8" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<circle cx="32.2" cy="34.2" r="3" stroke="#FFFFFF" stroke-width="2"/>
<!-- body -->
<rect x="20.2" y="22.4" width="7.6" height="7.6" rx="2" fill="#FFFFFF"/>
<circle cx="24" cy="26.2" r="1.2" fill="#1F9B6A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

Write Preview
Loading…
Cancel
Save