fix: 修复ChartTabs组件初始化activeBar底部有线条

2022-12-08 14:48:42 +08:00
parent 5c06ae6836
commit 1035a815d1
1 changed files with 1 additions and 1 deletions
--- a/src/components/common/ChartTabs.vue
+++ b/src/components/common/ChartTabs.vue
@@ -176,7 +176,7 @@ export default {
          // 数组长度为1，即代表刚刷新界面，获取active的dom添加样式，避免原模式错位问题
          // 可添加css样式，也可添加class类名，两个操作选一即可
          if (window.currentChartTabList.length === 1) {
-            activeDom[0].style.cssText += 'border-top: 4px #046EC9 solid;border-radius: 5px 5px 0 0;transition: all linear .2s;'
+            activeDom[0].style.cssText += 'height: calc(100% - 1px);border-top: 4px #046EC9 solid;border-radius: 5px 5px 0 0;transition: all linear .2s;'
          } else {
            const offsetLeft = tabDom.offsetLeft
            const clientWidth = tabDom.clientWidth