gp-designer 1.0.14 → 1.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/004.css DELETED
@@ -1,790 +0,0 @@
1
- /* 自定义整个滚动条 */
2
- ::-webkit-scrollbar {
3
- width: 4px; /* 设置滚动条的宽度 */
4
- height: 4px;
5
- }
6
-
7
- /* 自定义滚动条轨道 */
8
- ::-webkit-scrollbar-track {
9
- background: #f1f1f1; /* 设置轨道的背景颜色 */
10
- }
11
-
12
- /* 自定义滚动条的滑块(thumb) */
13
- ::-webkit-scrollbar-thumb {
14
- background: rgba(53, 116, 230, 0.3); /* 设置滑块的背景颜色 */
15
- border-radius: 12px;
16
- }
17
-
18
- /* 当滑块悬停或活动时,可以添加更多样式 */
19
- ::-webkit-scrollbar-thumb:hover {
20
- background: rgba(53, 116, 230, 1); /* 设置滑块在悬停状态下的背景颜色 */
21
- cursor: pointer;
22
- }
23
-
24
- .theme_color {
25
- color: #3574e6 !important;
26
- }
27
- .theme_bg {
28
- background: #3574e6 !important;
29
- }
30
- .theme_border {
31
- border-color: #3574e6 !important;
32
- }
33
-
34
- .danger_color {
35
- color: #f01d1d;
36
- }
37
- .danger_bg {
38
- background: rgba(240, 29, 29, 0.8) !important;
39
- }
40
- .danger_border {
41
- border-color: #f01d1d !important;
42
- }
43
- .mb40 {
44
- margin-bottom: 40px;
45
- }
46
-
47
- /* flex public */
48
- .add_modules .iconfont,
49
- .add_modules span,
50
- .top_box,
51
- .top_logo,
52
- .intro_cate,
53
- .service_tip,
54
- .module1_content,
55
- .module2_content,
56
- .aidition,
57
- .aidition_right,
58
- .module2_content2,
59
- .module2_content3,
60
- .cont_aidition,
61
- .course_box2,
62
- .course_box3 {
63
- display: flex;
64
- flex-direction: row;
65
- }
66
-
67
- .web_top,
68
- .course_box,
69
- .top_service,
70
- .module1,
71
- .module2,
72
- .module3,
73
- .module3_content,
74
- .content_top,
75
- .intro_left,
76
- .year,
77
- .recruit,
78
- .teachers,
79
- .course_box2_txt,
80
- .course_box3_txt,
81
- .txt_box {
82
- display: flex;
83
- flex-direction: column;
84
- }
85
-
86
- /* 模块样式 */
87
- .add_modules {
88
- display: flex;
89
- position: absolute;
90
- bottom: -40px;
91
- left: 0;
92
- flex-direction: row;
93
- align-items: center;
94
- justify-content: center;
95
- width: 100%;
96
- height: 40px;
97
- background: #eeeeee;
98
- font-size: 14px;
99
- font-weight: 400;
100
- line-height: 20;
101
- color: #333;
102
- cursor: pointer;
103
- }
104
- .add_modules .iconfont,
105
- .add_modules span {
106
- height: 14px;
107
- align-items: center;
108
- justify-content: center;
109
- }
110
- .add_modules .iconfont {
111
- height: 14px;
112
- margin: 6px;
113
- }
114
-
115
- /* 添加 图标 */
116
- .icon_gray_add {
117
- display: none;
118
- justify-content: center;
119
- align-items: center;
120
- position: absolute;
121
- right: -36px;
122
- top: 50%;
123
- color: #999;
124
- font-size: 35px !important;
125
- width: 35px;
126
- height: 35px;
127
- cursor: pointer;
128
- }
129
- .icon_gray_add:hover {
130
- color: #666;
131
- }
132
- .course_box2 .icon_gray_add,
133
- .course_box3 .icon_gray_add {
134
- right: -50px;
135
- }
136
- .cont_aidition {
137
- display: none;
138
- background: white;
139
- box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
140
- padding: 8px 12px;
141
- position: absolute;
142
- top: -38px;
143
- right: 0px;
144
- column-gap: 24px;
145
- }
146
- .cont_aidition span {
147
- color: #999;
148
- cursor: pointer;
149
- }
150
- .cont_aidition span:hover {
151
- color: #666;
152
- }
153
-
154
- .goodschool {
155
- width: 100%;
156
- height: 100%;
157
- overflow: hidden;
158
- color: #333333;
159
- background: #eff1f7;
160
- }
161
- .goodschool_web {
162
- flex: 1;
163
- height: 100%;
164
- /* overflow-y: auto; */
165
- }
166
- /* 头部 */
167
- .web_top {
168
- padding: 10px 140px;
169
- background: white;
170
- position: relative;
171
- }
172
- .top_box {
173
- width: 100%;
174
- /* height: 80px; */
175
- /* padding: 0 140px; */
176
- justify-content: space-between;
177
- align-items: center;
178
- }
179
- /* 左边logo */
180
- .top_logo {
181
- position: relative;
182
- align-items: center;
183
- column-gap: 16px;
184
- }
185
- .school_logo {
186
- width: 60px;
187
- height: 60px;
188
- }
189
- .school_name {
190
- font-size: 28px;
191
- font-weight: 700;
192
- }
193
-
194
- /* 右边热线 */
195
- .top_service {
196
- align-items: end;
197
- }
198
- .service_hot_line {
199
- font-size: 24px;
200
- font-weight: 700;
201
- line-height: 32px;
202
- }
203
- .service_tip {
204
- position: relative;
205
- align-items: center;
206
- column-gap: 8px;
207
- }
208
- .service_tip .iconfont {
209
- font-size: 20px;
210
- }
211
- .tip_text {
212
- font-size: 16px;
213
- }
214
-
215
- /* banner */
216
- .top_banner {
217
- position: relative;
218
- }
219
- .top_banner img {
220
- width: 100%;
221
- height: 460px;
222
- }
223
-
224
- /* 内容 */
225
- .module1,
226
- .module2,
227
- .module3 {
228
- /* padding: 0 140px; */
229
- background: white;
230
- position: relative;
231
- }
232
- .module1,
233
- .module2,
234
- .content_top {
235
- align-items: center;
236
- }
237
- .module1 {
238
- padding: 0 140px 110px;
239
- }
240
- .content_top {
241
- width: 100%;
242
- padding-bottom: 32px;
243
- }
244
- .content_title {
245
- font-size: 44px;
246
- font-weight: 700;
247
- margin-top: 52px;
248
- }
249
- .title_border {
250
- height: 14px;
251
- width: 80px;
252
- border-bottom: 2px solid #333;
253
- }
254
- .content_desc {
255
- font-size: 20px;
256
- color: #666;
257
- line-height: 28px;
258
- padding-top: 16px;
259
- }
260
- .module1_content,
261
- .module2_content,
262
- .module3_content {
263
- width: 100%;
264
- align-items: center;
265
- }
266
-
267
- /* 顶部操作条 */
268
- .aidition {
269
- display: none;
270
- align-items: center;
271
- justify-content: space-between;
272
- width: 100%;
273
- height: 40px;
274
- background: rgba(0, 0, 0, 0.6);
275
- color: white;
276
- font-size: 14px;
277
- position: absolute;
278
- top: 0;
279
- left: 0;
280
- padding: 0 48px;
281
- }
282
- .aidition_right {
283
- column-gap: 24px;
284
- }
285
- .aidition_right span {
286
- cursor: pointer;
287
- }
288
-
289
- /* 模块1 */
290
- .module1_content {
291
- position: relative;
292
- justify-content: space-between;
293
- padding: 60px 0 0;
294
- }
295
- .intro_left {
296
- flex: 1;
297
- align-items: start;
298
- margin-right: 80px;
299
- }
300
- .intro_title {
301
- font-size: 30px;
302
- font-weight: 700;
303
- line-height: 36px;
304
- }
305
- .title_desc {
306
- font-size: 20px;
307
- line-height: 28px;
308
- color: #dddddd;
309
- margin-left: 12px;
310
- }
311
- .intro_desc {
312
- margin-top: 32px;
313
- font-size: 16px;
314
- line-height: 30px;
315
- word-break: break-all;
316
- }
317
- .intro_line {
318
- color: #dddddd;
319
- font-size: 28px;
320
- font-weight: 100;
321
- }
322
- .intro_cate {
323
- width: 100%;
324
- margin-top: 60px;
325
- align-items: center;
326
- justify-content: space-evenly;
327
- }
328
- .year,
329
- .recruit,
330
- .teachers {
331
- align-items: center;
332
- justify-content: center;
333
- font-size: 42px;
334
- font-weight: 700;
335
- }
336
- .year_suffix,
337
- .recruit_suffix,
338
- .teachers_suffix {
339
- font-size: 14px;
340
- }
341
-
342
- .year_desc,
343
- .recruit_desc,
344
- .teachers_desc {
345
- font-size: 16px;
346
- color: #666;
347
- font-weight: 500;
348
- line-height: 24px;
349
- margin-top: 2px;
350
- }
351
- .intro_img,
352
- .intro_img_box,
353
- .intro_img_bg {
354
- width: 380px;
355
- height: 507px;
356
- border-radius: 4px;
357
- }
358
- .intro_img_box {
359
- position: relative;
360
- }
361
- .intro_img_bg {
362
- position: absolute;
363
- top: 30px;
364
- left: 30px;
365
- }
366
-
367
- .intro_img {
368
- position: absolute;
369
- top: 0;
370
- left: 0;
371
- }
372
-
373
- /* 模块2 */
374
- .module2 {
375
- padding: 0 140px 90px;
376
- }
377
- .module2_content,
378
- .module2_content2,
379
- .module2_content3 {
380
- position: relative;
381
- flex-wrap: wrap;
382
- }
383
-
384
- .module2_content {
385
- padding: 50px 0 0;
386
- }
387
- .course_box,
388
- .module2_content2 .course_box {
389
- position: relative;
390
- justify-content: start;
391
- align-items: center;
392
- margin: 10px;
393
- padding-bottom: 40px;
394
- box-shadow: 0 4px 24px 0 #00000014;
395
- /* overflow: hidden; */
396
- border-radius: 4px;
397
- max-width: 380px;
398
- }
399
- .module2_content2 .course_box:nth-child(1),
400
- .module2_content2 .course_box:nth-child(2) {
401
- max-width: 580px;
402
- }
403
- .course_box:hover {
404
- margin: 0 10px 20px;
405
- box-shadow: 0 4px 24px 0 #00000029;
406
- .course_consult{
407
- background: #3574e6;
408
- color: #fff !important;
409
- }
410
- }
411
-
412
- .course_box img {
413
- border-top-right-radius: 4px;
414
- border-top-left-radius: 4px;
415
- width: auto;
416
- height: 300px;
417
- }
418
-
419
- .course_title {
420
- font-size: 24px;
421
- line-height: 32px;
422
- font-weight: 700;
423
- margin-top: 24px;
424
- }
425
- .course_desc {
426
- word-break: break-all;
427
- font-size: 14px;
428
- line-height: 24px;
429
- margin-top: 14px;
430
- }
431
- .course_consult {
432
- margin-top: 14px;
433
- border: 1px solid #3574e6;
434
- border-radius: 20px;
435
- height: 40px;
436
- width: 184px;
437
- }
438
- .course_title,
439
- .course_desc,
440
- .course_consult,
441
- .course_title,
442
- .course_desc,
443
- .course_consult {
444
- padding: 0 16px;
445
- text-align: center;
446
- }
447
-
448
- /* 模块3 */
449
- .module3 {
450
- background: rgba(53, 116, 230, 0.04);
451
- padding: 0 140px 80px;
452
- }
453
- .module3_content {
454
- padding: 30px 0 0;
455
- }
456
- .course_box2,
457
- .course_box3 {
458
- width: 100%;
459
- position: relative;
460
- margin: 20px 0;
461
- }
462
- .course_box2 {
463
- justify-content: end;
464
- }
465
- .course_box3 {
466
- justify-content: start;
467
- }
468
- .course_box2:hover,
469
- .course_box3:hover {
470
- margin: 10px 0 30px;
471
- .course_box2_txt,
472
- .course_box3_txt {
473
- box-shadow: 0 4px 24px 0 #00000029;
474
- }
475
- }
476
-
477
- .course_box2_txt,
478
- .course_box3_txt {
479
- /* max-width: 980px; */
480
- width: 72%;
481
- border-radius: 4px;
482
- background: white;
483
- min-height: 320px;
484
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
485
- }
486
- .course_box2_txt {
487
- padding: 20px 40px 20px 0;
488
- align-items: end;
489
- }
490
- .course_box3_txt {
491
- align-items: start;
492
- padding: 20px 0 20px 40px;
493
- }
494
- .txt_box {
495
- width: 72%;
496
- height: 100%;
497
- align-items: start;
498
- justify-content: center;
499
- }
500
- .txt_title {
501
- font-size: 24px;
502
- line-height: 32px;
503
- font-weight: 700;
504
- }
505
- .txt_desc {
506
- font-size: 14px;
507
- color: #666;
508
- line-height: 24px;
509
- margin-top: 16px;
510
- word-break: break-all;
511
- }
512
- .txt_consult {
513
- color: #fff;
514
- font-size: 14px;
515
- line-height: 20px;
516
- padding: 6px 24px;
517
- border-radius: 4px;
518
- margin-top: 24px;
519
- }
520
-
521
- .course_box2_img1,
522
- .course_box2_img2 {
523
- position: absolute;
524
- top: 6.5%;
525
- /* width: 498px; */
526
- width: 40.5%;
527
- height: 87.5%;
528
- border-radius: 4px;
529
- }
530
- .course_box2_img1 {
531
- left: 0;
532
- /* padding: 20px 48px 20px 0; */
533
- }
534
- .course_box2_img2 {
535
- right: 0;
536
- /* padding: 20px 0 20px 48px; */
537
- }
538
-
539
- .aidition,
540
- /* .intro_img_bg, */
541
- .icon_gray_add,
542
- .course_box .aidition,
543
- .course_box .add_modules {
544
- display: none;
545
- }
546
-
547
- .web_top:focus-within .aidition,
548
- .top_banner:focus-within .aidition,
549
- .module1:focus-within > .aidition,
550
- .module2:focus-within > .aidition,
551
- .module3:focus-within > .aidition,
552
- .course_box:last-of-type:focus-within .icon_gray_add,
553
- .course_box2:last-of-type:focus-within .icon_gray_add,
554
- .course_box3:last-of-type:focus-within .icon_gray_add,
555
- .course_box:focus-within .cont_aidition,
556
- .course_box2:focus-within .cont_aidition,
557
- .course_box3:focus-within .cont_aidition {
558
- display: flex;
559
- }
560
-
561
- /* 移動端 */
562
- .goodschool_mobile {
563
- .mb40 {
564
- margin-bottom: 0;
565
- }
566
- .web_top,
567
- .course_title,
568
- .course_desc,
569
- .course_consult,
570
- .module3 {
571
- padding: 0;
572
- }
573
- .top_box {
574
- padding: 0 16px;
575
- height: 56px;
576
- }
577
- .top_logo {
578
- column-gap: 6px;
579
- }
580
- .school_logo {
581
- width: 40px;
582
- height: 40px;
583
- }
584
- .school_name {
585
- font-size: 20px;
586
- line-height: 20px;
587
- }
588
- .top_service {
589
- row-gap: 2px;
590
- }
591
- .service_hot_line {
592
- font-size: 16px;
593
- line-height: 16px;
594
- }
595
- .service_tip {
596
- font-size: 12px;
597
- line-height: 12px;
598
- column-gap: 4px;
599
- }
600
- .service_tip .iconfont {
601
- width: 12px;
602
- height: 12px;
603
- font-size: 12px;
604
- }
605
- .top_banner img {
606
- height: 150px;
607
- width: 100%;
608
- }
609
-
610
- /* 模块1 */
611
- .module1 {
612
- padding: 0 16px;
613
- }
614
- .web_top {
615
- padding: 0;
616
- }
617
-
618
- .content_top {
619
- padding-bottom: 14px;
620
- }
621
- .content_title {
622
- font-size: 20px;
623
- margin: 20px 0 0;
624
- }
625
- .title_border {
626
- width: 32px;
627
- height: 10px;
628
- }
629
- .content_desc {
630
- padding-top: 8px;
631
- font-size: 12px;
632
- line-height: 16px;
633
- }
634
- .module1_content {
635
- padding: 203px 0 40px;
636
- position: relative;
637
- }
638
- .intro_left {
639
- margin: 24px 0 0;
640
- }
641
- .intro_title {
642
- font-size: 16px;
643
- line-height: 16px;
644
- }
645
- .title_desc {
646
- font-size: 12px;
647
- margin-left: 6px;
648
- }
649
- .intro_desc {
650
- margin-top: 12px;
651
- font-size: 12px;
652
- line-height: 20px;
653
- color: #666;
654
- }
655
- .intro_cate {
656
- margin-top: 32px;
657
- padding: 0 14px;
658
- }
659
- .year,
660
- .recruit,
661
- .teachers {
662
- font-size: 24px;
663
- }
664
-
665
- .year_suffix,
666
- .recruit_suffix,
667
- .teachers_suffix,
668
- .year_desc,
669
- .recruit_desc,
670
- .teachers_desc {
671
- font-size: 12px;
672
- }
673
-
674
- .intro_img_box {
675
- position: absolute;
676
- top: 10px;
677
- width: 100%;
678
- height: 193px;
679
- }
680
- .intro_img {
681
- width: 100%;
682
- height: 100%;
683
- }
684
-
685
- /* 模块2 */
686
- .module2 {
687
- padding: 0;
688
- background: rgba(53, 116, 230, 0.04);
689
- }
690
- .module2_content,
691
- .module3_content {
692
- padding: 0 16px 24px;
693
- margin: 0 0 20px;
694
- flex-direction: row;
695
- flex-wrap: nowrap;
696
- overflow-x: auto;
697
- column-gap: 8px;
698
- }
699
- .module2_content2,
700
- .module2_content3 {
701
- flex-direction: row;
702
- flex-wrap: nowrap;
703
- column-gap: 8px;
704
- }
705
- .course_box,
706
- .course_box2,
707
- .course_box3 {
708
- margin: 0;
709
- padding: 10px 10px 32px;
710
- background: #fff;
711
- min-width: 318px;
712
- width: 318px;
713
- }
714
- .course_box img,
715
- .course_box2_img1,
716
- .course_box2_img2 {
717
- width: 100%;
718
- height: 154px;
719
- }
720
-
721
- .course_title,
722
- .txt_title {
723
- font-size: 16px;
724
- line-height: 16px;
725
- }
726
- .course_desc,
727
- .txt_desc {
728
- font-size: 12px;
729
- line-height: 20px;
730
- color: #666;
731
- }
732
-
733
- .course_box2:hover,
734
- .course_box3:hover {
735
- margin: 0;
736
- }
737
-
738
- .course_consult,
739
- .txt_consult,
740
- .intro_img_bg{
741
- display: none;
742
- }
743
-
744
- /* 模块3 */
745
-
746
- .module3_content {
747
- padding: 0 16px 24px;
748
- }
749
- .course_box2,
750
- .course_box3 {
751
- margin: 0;
752
- flex-direction: column;
753
- }
754
- .course_box2_img1 {
755
- padding: 0;
756
- position: unset;
757
- }
758
- .course_box2_txt,
759
- .course_box3_txt {
760
- width: 100%;
761
- min-height: auto;
762
- padding: 0;
763
- margin: 0;
764
- box-shadow: unset;
765
- }
766
- .course_box2:hover .course_box2_txt,
767
- .course_box3:hover .course_box3_txt {
768
- box-shadow: none;
769
- }
770
- .txt_box {
771
- width: 100%;
772
- align-items: center;
773
- }
774
- .txt_title {
775
- margin-top: 24px;
776
- }
777
- .txt_desc {
778
- margin-top: 14px;
779
- text-align: center;
780
- }
781
- .course_box2_img2 {
782
- width: 298px;
783
- top: 10px;
784
- left: 10px;
785
- padding: 0;
786
- }
787
- .course_box3_txt {
788
- padding-top: 154px;
789
- }
790
- }