Kaynağa Gözat

修复状态监控页图例展开按钮位置异常

画安 15 saat önce
ebeveyn
işleme
90a1a057de
1 değiştirilmiş dosya ile 6 ekleme ve 7 silme
  1. 6 7
      src/components/TongzhouTrafficMap.vue

+ 6 - 7
src/components/TongzhouTrafficMap.vue

@@ -206,12 +206,11 @@ export default {
       if (visible.length === 0) return false;
       return visible.every(n => this.activeLegends.includes(n));
     },
-    isHomePage() {
-      return this.$route && (this.$route.path === '/home' || this.$route.path === '/surve');
-    },
     legendShowBtnStyle() {
-      if (!this.isHomePage) return {};
-      const right = (this.privateStyle.legend && this.privateStyle.legend.right) ? this.privateStyle.legend.right : '25%';
+      // 展开按钮始终与图例面板对齐:图例被移入(如首页/分析页的 25%)时按钮同步内移并用全圆角;
+      // 未设置时回退到 CSS 默认(贴右边缘的 tab 造型),避免在 /surve 等页被错误推到中间。
+      const right = this.privateStyle.legend && this.privateStyle.legend.right;
+      if (!right) return {};
       return { right, borderRadius: '6px' };
     },
     searchBoxStyle() {
@@ -1959,12 +1958,12 @@ export default {
 .legend-show-btn {
   position: absolute;
   bottom: 30px;
-  right: 20px;
+  right: 40px;
   background: rgba(30, 86, 168, 0.92);
   border: 1px solid #5892ff;
   width: 40px;
   height: 40px;
-  border-radius: 6px 0 0 6px;
+  border-radius: 6px;
   display: flex;
   justify-content: center;
   align-items: center;