Selaa lähdekoodia

fix: 调整地图路口圆点尺寸和文字大小,提升静态状态下的可见性

sequoia tungfang 2 viikkoa sitten
vanhempi
commit
f6aa23e2b9
1 muutettua tiedostoa jossa 4 lisäystä ja 4 poistoa
  1. 4 4
      src/components/TongzhouTrafficMap.vue

+ 4 - 4
src/components/TongzhouTrafficMap.vue

@@ -902,9 +902,9 @@ export default {
           zIndex: 110,
           border: 'none'
         } : {
-          size: '14px',
-          height: '14px',
-          offset: [-9, -9], // 14px + 2px padding * 2 = 18px total
+          size: '18px',
+          height: '18px',
+          offset: [-11, -11], // 18px + 2px padding * 2 = 22px total
           zIndex: 100,
           border: isRoute ? 'none' : '1.5px solid rgba(255,255,255,0.7)'
         });
@@ -933,7 +933,7 @@ export default {
         } else {
           markerContent = `
             <div class="pure-light-node ${isRoute ? 'route-node' : ''}" style="width: ${markerStyle.size}; height: ${markerStyle.height}; background: ${config.color || '#999'}; box-shadow: ${isRoute ? 'none' : `0 0 8px ${config.color}`}; border: ${markerStyle.border}; box-sizing: content-box; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 50%; cursor: pointer; padding: 2px;">
-              <span style="transform: scale(0.8); font-weight: bold; font-size: 12px;">${displayText}</span>
+              <span style="transform: scale(0.8); font-weight: bold; font-size: 14px;">${displayText}</span>
             </div>
           `;
         }