annimation style update

src/assets/styles/common.scss

@@ -840,7 +840,7 @@
     }
 
     .scale-item {
-      @extend .card-shadow;
+      @extend .card-shadow-8;
       transform: scale(1.02);
     }
   }
@@ -850,7 +850,7 @@
   }
 
   &.scale-item:hover {
-    @extend .card-shadow;
+    @extend .card-shadow-8;
     transform: scale(1.02);
   }
 }

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 active-pointer" v-bind="item"></index-image-item>
+        <index-image-item class="active-pointer" v-bind="item"></index-image-item>
       </template>
     </index-card-content>
   </index-card>
@@ -26,7 +26,7 @@ export default {
     electiveRoutes() {
       const routes = this.electiveParentRoute.children || []
       return routes.map(r => ({
-        imgStyle: {borderRadius: '8px', overflow: 'hidden'},
+        imgClasses: 'scale-item rd8',
         src: require('@/assets/images/index/elective/' + r.meta.blockIcon),
         path: r.path
       }))