Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
7ae1e669 1 parent 76a9dc90

新增加载更多组件

Inline Side-by-side
Showing 5 changed files with 64 additions and 58 deletions
...@@ -7,6 +7,7 @@ export {} ...@@ -7,6 +7,7 @@ export {}
7 /* prettier-ignore */ 7 /* prettier-ignore */
8 declare module 'vue' { 8 declare module 'vue' {
9 export interface GlobalComponents { 9 export interface GlobalComponents {
10 + copy: typeof import('./src/components/hagerMore copy.vue')['default']
10 ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default'] 11 ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default']
11 ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default'] 12 ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
12 ElCarousel: typeof import('element-ui/lib/carousel')['default'] 13 ElCarousel: typeof import('element-ui/lib/carousel')['default']
...@@ -31,6 +32,7 @@ declare module 'vue' { ...@@ -31,6 +32,7 @@ declare module 'vue' {
31 HagerHCarousel: typeof import('./src/components/hagerHCarousel.vue')['default'] 32 HagerHCarousel: typeof import('./src/components/hagerHCarousel.vue')['default']
32 HagerHeader: typeof import('./src/components/common/hagerHeader.vue')['default'] 33 HagerHeader: typeof import('./src/components/common/hagerHeader.vue')['default']
33 HagerInput: typeof import('./src/components/common/hagerInput.vue')['default'] 34 HagerInput: typeof import('./src/components/common/hagerInput.vue')['default']
35 + HagerLoadMore: typeof import('./src/components/hagerLoadMore.vue')['default']
34 HagerMenu: typeof import('./src/components/hagerMenu.vue')['default'] 36 HagerMenu: typeof import('./src/components/hagerMenu.vue')['default']
35 HagerMore: typeof import('./src/components/hagerMore.vue')['default'] 37 HagerMore: typeof import('./src/components/hagerMore.vue')['default']
36 HagerService: typeof import('./src/components/common/hagerService.vue')['default'] 38 HagerService: typeof import('./src/components/common/hagerService.vue')['default']
......
1 +<!--
2 + * @Date: 2024-09-29 10:31:01
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-10-21 11:34:48
5 + * @FilePath: /hager/src/components/hagerLoadMore.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-load-more">
10 + <div class="get-more">
11 + <div class="btn">加载更多...</div>
12 + </div>
13 + </div>
14 +</template>
15 +
16 +<script>
17 +import mixin from 'common/mixin';
18 +
19 +export default {
20 + mixins: [mixin.init],
21 + data () {
22 + return {
23 +
24 + }
25 + },
26 + mounted () {
27 +
28 + },
29 + methods: {
30 +
31 + }
32 +}
33 +</script>
34 +
35 +<style lang="less" scoped>
36 + .hager-load-more {
37 + .get-more {
38 + display: flex;
39 + justify-content: center;
40 + .btn {
41 + background-color: #F56400;
42 + color: #fff;
43 + padding: 1rem 2rem;
44 + width: 5rem;
45 + margin-bottom: 2rem;
46 + &:hover {
47 + cursor: pointer;
48 + }
49 + }
50 + }
51 + }
52 +</style>
...@@ -40,9 +40,7 @@ ...@@ -40,9 +40,7 @@
40 </div> 40 </div>
41 </hager-box> 41 </hager-box>
42 <hager-box> 42 <hager-box>
43 - <div class="get-more"> 43 + <hager-load-more></hager-load-more>
44 - <div class="btn">加载更多...</div>
45 - </div>
46 </hager-box> 44 </hager-box>
47 </div> 45 </div>
48 </template> 46 </template>
...@@ -50,9 +48,10 @@ ...@@ -50,9 +48,10 @@
50 <script> 48 <script>
51 import mixin from 'common/mixin'; 49 import mixin from 'common/mixin';
52 import hagerBox from '@/components/common/hagerBox'; 50 import hagerBox from '@/components/common/hagerBox';
51 +import hagerLoadMore from '@/components/hagerLoadMore.vue';
53 52
54 export default { 53 export default {
55 - components: { hagerBox }, 54 + components: { hagerBox, hagerLoadMore },
56 mixins: [mixin.init], 55 mixins: [mixin.init],
57 data () { 56 data () {
58 return { 57 return {
...@@ -207,20 +206,5 @@ export default { ...@@ -207,20 +206,5 @@ export default {
207 margin-right: 0; 206 margin-right: 0;
208 } 207 }
209 } 208 }
210 -
211 - .get-more {
212 - display: flex;
213 - justify-content: center;
214 - .btn {
215 - background-color: #F56400;
216 - color: #fff;
217 - padding: 1rem 2rem;
218 - width: 5rem;
219 - margin-bottom: 2rem;
220 - &:hover {
221 - cursor: pointer;
222 - }
223 - }
224 - }
225 } 209 }
226 </style> 210 </style>
......
...@@ -33,9 +33,7 @@ ...@@ -33,9 +33,7 @@
33 </div> 33 </div>
34 </hager-box> 34 </hager-box>
35 <hager-box> 35 <hager-box>
36 - <div class="get-more"> 36 + <hager-load-more></hager-load-more>
37 - <div class="btn">加载更多...</div>
38 - </div>
39 </hager-box> 37 </hager-box>
40 </div> 38 </div>
41 </template> 39 </template>
...@@ -43,9 +41,10 @@ ...@@ -43,9 +41,10 @@
43 <script> 41 <script>
44 import mixin from 'common/mixin'; 42 import mixin from 'common/mixin';
45 import hagerBox from '@/components/common/hagerBox'; 43 import hagerBox from '@/components/common/hagerBox';
44 +import hagerLoadMore from '@/components/hagerLoadMore.vue';
46 45
47 export default { 46 export default {
48 - components: { hagerBox }, 47 + components: { hagerBox, hagerLoadMore },
49 mixins: [mixin.init], 48 mixins: [mixin.init],
50 data () { 49 data () {
51 return { 50 return {
...@@ -166,20 +165,5 @@ export default { ...@@ -166,20 +165,5 @@ export default {
166 } 165 }
167 } 166 }
168 } 167 }
169 -
170 - .get-more {
171 - display: flex;
172 - justify-content: center;
173 - .btn {
174 - background-color: #F56400;
175 - color: #fff;
176 - padding: 1rem 2rem;
177 - width: 5rem;
178 - margin-bottom: 2rem;
179 - &:hover {
180 - cursor: pointer;
181 - }
182 - }
183 - }
184 } 168 }
185 </style> 169 </style>
......
1 <!-- 1 <!--
2 * @Date: 2024-10-18 13:45:53 2 * @Date: 2024-10-18 13:45:53
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-18 17:30:23 4 + * @LastEditTime: 2024-10-21 11:36:18
5 * @FilePath: /hager/src/views/recruit.vue 5 * @FilePath: /hager/src/views/recruit.vue
6 * @Description: 招聘信息 6 * @Description: 招聘信息
7 --> 7 -->
...@@ -46,9 +46,7 @@ ...@@ -46,9 +46,7 @@
46 </div> 46 </div>
47 </hager-box> 47 </hager-box>
48 <hager-box> 48 <hager-box>
49 - <div class="get-more"> 49 + <hager-load-more></hager-load-more>
50 - <div class="btn">加载更多...</div>
51 - </div>
52 </hager-box> 50 </hager-box>
53 <hager-box style="margin: 1rem 0 3rem;"> 51 <hager-box style="margin: 1rem 0 3rem;">
54 <div style="font-size: 1.15rem; text-align: center; margin: 1rem 0;"> 52 <div style="font-size: 1.15rem; text-align: center; margin: 1rem 0;">
...@@ -211,9 +209,10 @@ ...@@ -211,9 +209,10 @@
211 import mixin from 'common/mixin'; 209 import mixin from 'common/mixin';
212 import hagerBox from '@/components/common/hagerBox'; 210 import hagerBox from '@/components/common/hagerBox';
213 import hagerH1 from '@/components/common/hagerH1.vue'; 211 import hagerH1 from '@/components/common/hagerH1.vue';
212 +import hagerLoadMore from '@/components/hagerLoadMore.vue';
214 213
215 export default { 214 export default {
216 - components: { hagerH1, hagerBox }, 215 + components: { hagerH1, hagerBox, hagerLoadMore },
217 mixins: [mixin.init], 216 mixins: [mixin.init],
218 data () { 217 data () {
219 return { 218 return {
...@@ -352,21 +351,6 @@ export default { ...@@ -352,21 +351,6 @@ export default {
352 } 351 }
353 } 352 }
354 353
355 - .get-more {
356 - display: flex;
357 - justify-content: center;
358 - .btn {
359 - background-color: #F56400;
360 - color: #fff;
361 - padding: 1rem 2rem;
362 - width: 5rem;
363 - margin-bottom: 2rem;
364 - &:hover {
365 - cursor: pointer;
366 - }
367 - }
368 - }
369 -
370 .employer-award { 354 .employer-award {
371 // height: 20rem; 355 // height: 20rem;
372 border: 1px solid #D6D6D6; 356 border: 1px solid #D6D6D6;
......