Browse Source

合约按钮增加hover和选中效果

cxmo 1 year ago
parent
commit
2ea62a5479
1 changed files with 5 additions and 1 deletions
  1. 5 1
      src/views/positionAnalysis_manage/components/indexContent.vue

+ 5 - 1
src/views/positionAnalysis_manage/components/indexContent.vue

@@ -9,7 +9,7 @@
                 <div class="label">{{item.ClassifyName}}</div>
                 <div style="margin-top:20px;">
                     <div 
-                        class="opt" 
+                        class="opt" :class="{'active':$route.query.classify_type===_item.ClassifyType}"
                         v-for="_item in item.Items" 
                         :key="_item.ClassifyType"
                         @click="goDetail(_item,item)"
@@ -130,6 +130,10 @@ export default {
                 border: 1px solid $theme-color;
                 border-radius: 4px;
                 cursor: pointer;
+                &:hover,&.active{
+                    background-color: #0052D9;
+                    color: #FFFFFF;
+                }
             }
         }
     }