diff --git a/src/views/analysis/components/AnalysisBidView.vue b/src/views/analysis/components/AnalysisBidView.vue index fec2aa5..55bd947 100644 --- a/src/views/analysis/components/AnalysisBidView.vue +++ b/src/views/analysis/components/AnalysisBidView.vue @@ -389,6 +389,11 @@ export default { } } + // 禁用下划线动画 + .el-tabs__active-bar { + display: none !important; + } + .el-tabs__nav { border: none; display: flex; @@ -407,40 +412,29 @@ export default { border-radius: 0; margin-right: 0; position: relative; - transition: all 0.3s ease; + transition: none; cursor: pointer; box-shadow: none; - // 第一个标签左圆角 - &:first-child { + // 第一个标签左圆角(仅非激活状态) + &:first-child:not(.is-active) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } - // 最后一个标签右圆角 - &:last-child { + // 最后一个标签右圆角(仅非激活状态) + &:last-child:not(.is-active) { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } - // 激活状态:蓝色背景 + 白色文字 + // 激活状态:蓝色背景 + 白色文字,无圆角 &.is-active { color: #FFFFFF; background: #1F72EA; font-weight: 500; z-index: 1; - - // 激活标签的左侧圆角(如果是第一个,已经有圆角了) - &:not(:first-child) { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - - // 激活标签的右侧保持直边(除非是最后一个) - &:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } + border-radius: 0 !important; } // 非激活状态:白色背景 + 深色文字 diff --git a/src/views/analysis/components/child/AnalysisResultPanel.vue b/src/views/analysis/components/child/AnalysisResultPanel.vue index fbf0dfb..cab15df 100644 --- a/src/views/analysis/components/child/AnalysisResultPanel.vue +++ b/src/views/analysis/components/child/AnalysisResultPanel.vue @@ -7,25 +7,12 @@
- + - - + +
{{ subTab.label }}内容
@@ -46,19 +33,10 @@