新增加载更多组件

@@ -7,6 +7,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    copy: typeof import('./src/components/hagerMore copy.vue')['default']
     ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default']
     ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
     ElCarousel: typeof import('element-ui/lib/carousel')['default']
@@ -31,6 +32,7 @@ declare module 'vue' {
     HagerHCarousel: typeof import('./src/components/hagerHCarousel.vue')['default']
     HagerHeader: typeof import('./src/components/common/hagerHeader.vue')['default']
     HagerInput: typeof import('./src/components/common/hagerInput.vue')['default']
+    HagerLoadMore: typeof import('./src/components/hagerLoadMore.vue')['default']
     HagerMenu: typeof import('./src/components/hagerMenu.vue')['default']
     HagerMore: typeof import('./src/components/hagerMore.vue')['default']
     HagerService: typeof import('./src/components/common/hagerService.vue')['default']

+<!--
+ * @Date: 2024-09-29 10:31:01
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-10-21 11:34:48
+ * @FilePath: /hager/src/components/hagerLoadMore.vue
+ * @Description: 文件描述
+-->
+<template>
+  <div class="hager-load-more">
+    <div class="get-more">
+      <div class="btn">加载更多...</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import mixin from 'common/mixin';
+
+export default {
+  mixins: [mixin.init],
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .hager-load-more {
+    .get-more {
+      display: flex;
+      justify-content: center;
+      .btn {
+        background-color: #F56400;
+        color: #fff;
+        padding: 1rem 2rem;
+        width: 5rem;
+        margin-bottom: 2rem;
+        &:hover {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+</style>

@@ -40,9 +40,7 @@
       </div>
     </hager-box>
     <hager-box>
-      <div class="get-more">
-        <div class="btn">加载更多...</div>
-      </div>
+      <hager-load-more></hager-load-more>
     </hager-box>
   </div>
 </template>
@@ -50,9 +48,10 @@
 <script>
 import mixin from 'common/mixin';
 import hagerBox from '@/components/common/hagerBox';
+import hagerLoadMore from '@/components/hagerLoadMore.vue';
 
 export default {
-  components: { hagerBox },
+  components: { hagerBox, hagerLoadMore },
   mixins: [mixin.init],
   data () {
     return {
@@ -207,20 +206,5 @@ export default {
         margin-right: 0;
       }
     }
-
-    .get-more {
-      display: flex;
-      justify-content: center;
-      .btn {
-        background-color: #F56400;
-        color: #fff;
-        padding: 1rem 2rem;
-        width: 5rem;
-        margin-bottom: 2rem;
-        &:hover {
-          cursor: pointer;
-        }
-      }
-    }
   }
 </style>

@@ -33,9 +33,7 @@
       </div>
     </hager-box>
     <hager-box>
-      <div class="get-more">
-        <div class="btn">加载更多...</div>
-      </div>
+      <hager-load-more></hager-load-more>
     </hager-box>
   </div>
 </template>
@@ -43,9 +41,10 @@
 <script>
 import mixin from 'common/mixin';
 import hagerBox from '@/components/common/hagerBox';
+import hagerLoadMore from '@/components/hagerLoadMore.vue';
 
 export default {
-  components: { hagerBox },
+  components: { hagerBox, hagerLoadMore },
   mixins: [mixin.init],
   data () {
     return {
@@ -166,20 +165,5 @@ export default {
         }
       }
     }
-
-    .get-more {
-      display: flex;
-      justify-content: center;
-      .btn {
-        background-color: #F56400;
-        color: #fff;
-        padding: 1rem 2rem;
-        width: 5rem;
-        margin-bottom: 2rem;
-        &:hover {
-          cursor: pointer;
-        }
-      }
-    }
   }
 </style>

 <!--
  * @Date: 2024-10-18 13:45:53
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-18 17:30:23
+ * @LastEditTime: 2024-10-21 11:36:18
  * @FilePath: /hager/src/views/recruit.vue
  * @Description: 招聘信息
 -->
@@ -46,9 +46,7 @@
         </div>
       </hager-box>
       <hager-box>
-        <div class="get-more">
-          <div class="btn">加载更多...</div>
-        </div>
+        <hager-load-more></hager-load-more>
       </hager-box>
       <hager-box style="margin: 1rem 0 3rem;">
         <div style="font-size: 1.15rem; text-align: center; margin: 1rem 0;">
@@ -211,9 +209,10 @@
 import mixin from 'common/mixin';
 import hagerBox from '@/components/common/hagerBox';
 import hagerH1 from '@/components/common/hagerH1.vue';
+import hagerLoadMore from '@/components/hagerLoadMore.vue';
 
 export default {
-  components: { hagerH1, hagerBox },
+  components: { hagerH1, hagerBox, hagerLoadMore },
   mixins: [mixin.init],
   data () {
     return {
@@ -352,21 +351,6 @@ export default {
       }
     }
 
-    .get-more {
-      display: flex;
-      justify-content: center;
-      .btn {
-        background-color: #F56400;
-        color: #fff;
-        padding: 1rem 2rem;
-        width: 5rem;
-        margin-bottom: 2rem;
-        &:hover {
-          cursor: pointer;
-        }
-      }
-    }
-
     .employer-award {
       // height: 20rem;
       border: 1px solid #D6D6D6;