瀏覽代碼

index block - style update

hare8999@163.com 1 年之前
父節點
當前提交
06952cafde
共有 2 個文件被更改,包括 18 次插入8 次删除
  1. 17 7
      src/assets/styles/common.scss
  2. 1 1
      src/views/index/components/index-card-elective.vue

+ 17 - 7
src/assets/styles/common.scss

@@ -834,18 +834,28 @@
 
   &:hover {
     color: $--color-primary;
+
+    .jump-item {
+      transform: translateY(-5px);
+    }
+
+    .scale-item {
+      @extend .card-shadow;
+      transform: scale(1.02);
+    }
   }
-}
 
-.jump-item:hover {
-  transform: translateY(-5px);
-}
+  &.jump-item:hover {
+    transform: translateY(-5px);
+  }
 
-.scale-item:hover {
-  @extend .card-shadow;
-  transform: scale(1.02);
+  &.scale-item:hover {
+    @extend .card-shadow;
+    transform: scale(1.02);
+  }
 }
 
+
 // 首页内容宽度
 .app-content{
   width: 1350px;

+ 1 - 1
src/views/index/components/index-card-elective.vue

@@ -2,7 +2,7 @@
   <index-card simple title="大数据选科" v-if="electiveRoutes.length">
     <index-card-content :list="electiveRoutes" :line-size="4">
       <template #default="{item}">
-        <index-image-item class="scale-item" v-bind="item"></index-image-item>
+        <index-image-item class="scale-item active-pointer" v-bind="item"></index-image-item>
       </template>
     </index-card-content>
   </index-card>