修改预警信息(tab闪烁）

src/views/enforce/enterpriseScanPreview.vue

@@ -18,10 +18,11 @@
         <ul>
           <li v-for='(item,index) in data.list' @click='check(index)' :class="{ active: index === data.TabId }">
             <span v-if="index === 0"> {{item.title}}</span>
-            <span v-else-if="index === 1 || item.warningLevel==0" class="warn-tab"> {{item.title}}</span>
+            <span v-else-if="index === 1 && item.warningLevel==0" class="warn-tab"> {{item.title}}</span>
-            <span v-else-if="index === 1 || item.warningLevel==1" class="warn-tab level1"> {{item.title}}</span>
+            <span v-else-if="index === 1 && item.warningLevel==1" class="warn-tab level1"> {{item.title}}</span>
-            <span v-else-if="index === 1 || item.warningLevel==2" class="warn-tab level2"> {{item.title}}</span>
+            <span v-else-if="index === 1 && item.warningLevel==2" class="warn-tab level2"> {{item.title}}</span>
-            <span v-else-if="index === 1 || item.warningLevel==3" class="warn-tab level3"> {{item.title}}</span>
+            <span v-else-if="index === 1 && item.warningLevel==3" class="warn-tab level3"> {{item.title}}</span>
+            <span v-else-if="index === 1" class="warn-tab"> {{item.title}}</span>
           </li>
         </ul>
       </div>
@@ -32,16 +33,6 @@
           <enterpriseWarningInfo></enterpriseWarningInfo>
         </div>
 
-<!--			<van-tabs v-model:active="active">-->
-<!--				<van-tab title="企业画像">-->
-<!--					<enterpriseBaseInfo></enterpriseBaseInfo>-->
-<!--				</van-tab>-->
-
-<!--        <van-tab title="企业预警"  class="header-box" />-->
-<!--          <enterpriseWarningInfo></enterpriseWarningInfo>-->
-
-<!--			</van-tabs>-->
-
 		</div>
 	</div>
   </div>
@@ -201,39 +192,6 @@ const goBack = () => {
   font-size: 0.5rem;
 }
 
-///deep/ .van-tabs__wrap {
-//  padding: 2% 3%;
-//}
-//
-///deep/ .van-tab:nth-child(1) {
-//  color: #4aa1f9;
-//  background: url("../../assets/images/tab_bg1_1.png") no-repeat;
-//  background-size: 100% 100%;
-//}
-//
-///deep/ .van-tab:nth-child(1).van-tab--active {
-//  color: #fff;
-//  background: url("../../assets/images/tab_bg1.png") no-repeat;
-//  background-size: 100% 100%;
-//}
-//
-///deep/ .van-tab:nth-child(2) {
-//  color: #4aa1f9;
-//  background: url("../../assets/images/tab_bg.png") no-repeat;
-//  background-size: 100% 100%;
-//  animation: test 1000ms infinite;
-//    -webkit-animation: test 1000ms infinite;
-//}
-//
-///deep/ .van-tab:nth-child(2).van-tab--active {
-//  color: #fff;
-//  background: url("../../assets/images/tab_bg_1.png") no-repeat;
-//  background-size: 100% 100%;
-//}
-///deep/ .van-tabs__line {
-//  background-color: transparent;
-//}
-
 .tabs {
   padding: 3% 3%;
   width: 94%;
@@ -320,40 +278,5 @@ const goBack = () => {
   padding-top: 0.45rem;
   box-sizing: border-box;
 }
-@keyframes test {
-    from {        
-    opacity: 1.0;    
-    }
-    50% {        
-    opacity: 0.4;    
-    }
-    to {        
-    opacity: 1.0;    
-    }
-}
-@-webkit-keyframes test {    
-    from {        
-    opacity: 1.0;    
-    }
-    50% {        
-    opacity: 0.4;    
-    }
-    to {        
-    opacity: 1.0;    
-    }
-}
-.father-box {
-    position: relative;
-}
-
-.header-box {
-    color: #fff;    
-    padding: 10px;    
-    font-size: 15px;    
-    height: 300px;    
-    background-color: rgba(146, 139, 139, .8);
-    animation: test 1000ms infinite;    
-    -webkit-animation: test 1000ms infinite;
-}
 
 </style>