Browse Source

题库hover效果调整

shilipojs 2 years ago
parent
commit
4ec352d25d

+ 1 - 14
src/views/questioncenter/LearnHelper.vue

@@ -3,7 +3,7 @@
     <el-card class="header" style="padding-bottom: 0">
       <div class="tab">
         <div
-          class="tab_item"
+          class="tab_item pointer"
           v-for="item in  tabList"
           :class="tabActive == item.value ? 'tab_active' : ''"
           @click="switchTab(item.value)"
@@ -736,19 +736,6 @@ export default {
   left: 0;
   bottom: 0;
 }
-.tab .tab_item:hover {
-  color: #47c6a2;
-}
-.tab .tab_item:hover::after {
-  content: "";
-  width: 100%;
-  height: 4px;
-  position: absolute;
-  background: #47c6a2;
-  left: 0;
-  transform: translateY(50%);
-  bottom: 0;
-}
 
 
 

+ 2 - 2
src/views/questioncenter/bestpaper.vue

@@ -2,10 +2,10 @@
   <div class="bestpaper_container">
     <el-card class="mb10">
       <div class="smart_tabs">
-        <div class="tab" :class="tabActive == 0 ? 'tab_active' : ''" @click="switchTab(0)">
+        <div class="tab pointer" :class="tabActive == 0 ? 'tab_active' : ''" @click="switchTab(0)">
           名校试卷
         </div>
-        <div class="tab" :class="tabActive == 1 ? 'tab_active' : ''" @click="switchTab(1)">
+        <div class="tab pointer" :class="tabActive == 1 ? 'tab_active' : ''" @click="switchTab(1)">
           历年真题
         </div>
       </div>

+ 3 - 17
src/views/questioncenter/generating.vue

@@ -2,13 +2,13 @@
   <div class="generating_container">
     <el-card>
       <div class="header_top">
-        <div :class="tabActive == 0 ? 'active' : ''" @click="switchTab(0)">
+        <div class="pointer" :class="tabActive == 0 ? 'active ' : ''" @click="switchTab(0)">
           手动组卷
         </div>
-        <div :class="tabActive == 1 ? 'active' : ''" @click="switchTab(1)">
+        <div class="pointer"  :class="tabActive == 1 ? 'active' : ''" @click="switchTab(1)">
           智能组卷
         </div>
-        <div :class="tabActive == 2 ? 'active' : ''" @click="switchTab(2)">
+        <div class="pointer"  :class="tabActive == 2 ? 'active' : ''" @click="switchTab(2)">
           组卷记录
         </div>
       </div>
@@ -950,20 +950,6 @@ export default {
   padding: 30px 0;
 }
 
-.header_top > div:hover {
-  color: #47c6a2;
-}
-
-.header_top > div:hover::after {
-  content: "";
-  width: 100%;
-  height: 4px;
-  position: absolute;
-  background: #47c6a2;
-  left: 0;
-  transform: translateY(50%);
-  bottom: 0;
-}
 
 .radio_contianer .el-radio-button {
   margin-right: 8px;

+ 2 - 2
src/views/questioncenter/smart.vue

@@ -3,14 +3,14 @@
     <el-card class="mb10">
       <div class="smart_tabs">
         <div
-          class="tab"
+          class="tab pointer"
           :class="tabActive == 0 ? 'tab_active' : ''"
           @click="switchTab(0)"
         >
           同步在线练习
         </div>
         <div
-          class="tab"
+          class="tab pointer"
           :class="tabActive == 1 ? 'tab_active' : ''"
           @click="switchTab(1)"
         >

+ 1 - 0
src/views/videocourse/video_course.vue

@@ -7,6 +7,7 @@
           <span
             v-for="item in videoType"
             :key="item.code"
+            class="pointer"
             :class="typeActive == item.code ? 'active_text' : ''"
             @click="toggleType(item.code)"
           >{{ item.label }}</span