【U】鼠标悬浮效果

src/pages/product/delmia.vue

@@ -44,11 +44,11 @@
           <p>{{ product[i].product.p2 }}</p>
         </div>
         <div class="subaggregate " style="padding-top:50px">
-          <a href="./delmias/quintiq">DELMIA Quintiq</a>
-          <a href="./delmias/ortems">DELMIA Ortems</a>
-          <a href="./delmias/dm">DELMIA DM</a>
-          <a href="./delmias/apriso">DELMIA Apriso</a>
-          <a href="./delmias/3dlean">DELMIA 3DLean </a>
+          <nuxt-link to="/product/delmias/quintiq">DELMIA Quintiq</nuxt-link>
+          <nuxt-link to="/product/delmias/ortems">DELMIA Ortems</nuxt-link>
+          <nuxt-link to="/product/delmias/dm">DELMIA DM</nuxt-link>
+          <nuxt-link to="/product/delmias/apriso">DELMIA Apriso</nuxt-link>
+          <nuxt-link to="/product/delmias/3dlean">DELMIA 3DLean </nuxt-link>
         </div>
       </div>
       <!-- 背景图 -->
@@ -291,18 +291,30 @@ export default {
 <style lang="less" scope>
 .subaggregate{
     // text-align: center;
-    font-size: 36px;
-    font-family: Microsoft YaHei;
-    font-weight: 300;
-    color: #000000;
+    
+    
+   
+    
     opacity: 1;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
+    color:#2d8cf0;
     a{
-     width: 30%;
-     height: 60px;
-     text-align: center;
+      width: 20%;
+      font-size: 20px;
+      font-weight: 300;
+      font-family: Microsoft YaHei;
+      
+      height: 60px;
+      text-align: center;
+      transition:all 0.1s ease;
+    }
+    a:hover{
+      transform: scale(1.0);
+      font-weight: bold;
+      font-size: 20px;
+      color: #000000;
     }
 }