瀏覽代碼

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

cxmo 1 年之前
父節點
當前提交
2ea62a5479
共有 1 個文件被更改,包括 5 次插入1 次删除
  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;
+                }
             }
         }
     }