按钮hover样式优化

 <!--
  * @Date: 2024-09-29 10:31:01
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-21 11:34:48
+ * @LastEditTime: 2024-11-04 16:35:33
  * @FilePath: /hager/src/components/hagerLoadMore.vue
  * @Description: 文件描述
 -->
 <template>
   <div class="hager-load-more">
     <div class="get-more">
-      <div class="btn">加载更多...</div>
+      <div class="btn">加载更多</div>
     </div>
   </div>
 </template>
@@ -43,7 +43,10 @@ export default {
         padding: 1rem 2rem;
         width: 5rem;
         margin-bottom: 2rem;
+        transition: background-color .25s ease-in-out;
+        text-align: center;
         &:hover {
+          background-color: #ff8f33;
           cursor: pointer;
         }
       }

 <!--
  * @Date: 2024-09-29 10:31:01
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-21 11:32:10
+ * @LastEditTime: 2024-11-04 16:34:21
  * @FilePath: /hager/src/components/hagerMore.vue
  * @Description: 文件描述
 -->
@@ -37,5 +37,10 @@ export default {
     display: inline-block;
     cursor: pointer;
     background-color: #F56400;
+    transition: background-color .25s ease-in-out;
+    &:hover {
+      cursor: pointer;
+      background-color: #ff8f33;
+    }
   }
 </style>

 <!--
  * @Date: 2024-10-17 09:22:56
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-31 14:15:06
+ * @LastEditTime: 2024-11-04 16:35:38
  * @FilePath: /hager/src/views/about/index.vue
  * @Description: 文件描述
 -->
@@ -198,10 +198,11 @@ export default {
           color: #FFF;
           text-align: center;
           line-height: 1rem;
+          transition: background-color .25s ease-in-out;
           &:hover {
-            // background-color: #FFF;
-            // color: #F56400;
+            background-color: #ff8f33;
             cursor: pointer;
+            // color: #F56400;
             // border: 1px solid #F56400;
           }
         }

 <!--
  * @Date: 2024-10-18 13:45:53
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-04 11:12:13
+ * @LastEditTime: 2024-11-04 16:32:38
  * @FilePath: /hager/src/views/recruit.vue
  * @Description: 招聘信息
 -->
@@ -593,8 +593,10 @@ export default {
         padding: 1.25rem 0;
         font-weight: bold;
         margin-top: 1rem;
+        transition: background-color .25s ease-in-out;
         &:hover {
-          cursor: pointer
+          background-color: #ff8f33;
+          cursor: pointer;
         }
       }
     }