浏览代码

修改样式

zjm
suomingxiang 2 个月前
父节点
当前提交
0c4fab3919

+ 2
- 2
src/pages/common/css/common.less 查看文件

118
     font-size: 18px;
118
     font-size: 18px;
119
     transition: all .3s ease-in-out;
119
     transition: all .3s ease-in-out;
120
     cursor: pointer;
120
     cursor: pointer;
121
-    border-radius: 30px;
121
+    border-radius: 50px;
122
     box-sizing: border-box;
122
     box-sizing: border-box;
123
     border: 1px solid #000;
123
     border: 1px solid #000;
124
     justify-content: center;
124
     justify-content: center;
1034
         height: 40px;
1034
         height: 40px;
1035
         line-height: 40px;
1035
         line-height: 40px;
1036
         font-size: 14px;
1036
         font-size: 14px;
1037
-        border-radius: 20px;
1037
+        border-radius: 50px;
1038
         &>span{
1038
         &>span{
1039
             font-size: 20px;
1039
             font-size: 20px;
1040
         }
1040
         }

+ 2
- 2
src/pages/enterprisePartyBuilding/index.html 查看文件

18
             <div class="content content2">
18
             <div class="content content2">
19
                 <div class="news_title">企业党建</div>
19
                 <div class="news_title">企业党建</div>
20
             </div>
20
             </div>
21
-            <div class="tabs_box">
21
+            <!-- <div class="tabs_box">
22
                 <div class="tabs_li tabs_lis">全部<span>·</span>30</div>
22
                 <div class="tabs_li tabs_lis">全部<span>·</span>30</div>
23
                 <div class="tabs_li">党建活动<span>·</span>12</div>
23
                 <div class="tabs_li">党建活动<span>·</span>12</div>
24
                 <div class="tabs_li">党建会议<span>·</span>5</div>
24
                 <div class="tabs_li">党建会议<span>·</span>5</div>
25
                 <div class="tabs_li">党建表彰<span>·</span>10</div>
25
                 <div class="tabs_li">党建表彰<span>·</span>10</div>
26
-            </div>
26
+            </div> -->
27
             <div class="article_list">
27
             <div class="article_list">
28
                 <a class="article_li">
28
                 <a class="article_li">
29
                     <img src="./static/images/partyBuilding/default.png" alt="">
29
                     <img src="./static/images/partyBuilding/default.png" alt="">

+ 2
- 2
src/pages/join/index.less 查看文件

347
             }
347
             }
348
             .btn3{
348
             .btn3{
349
                 width: 200px;
349
                 width: 200px;
350
-                height: 50px;
351
-                line-height: 50px;
350
+                height: 40px;
351
+                line-height: 40px;
352
                 margin: 59px auto 0px;
352
                 margin: 59px auto 0px;
353
                 font-size: 14px;
353
                 font-size: 14px;
354
                 span{
354
                 span{

+ 6
- 0
src/pages/joinList/index.less 查看文件

190
       margin-right: 20px;
190
       margin-right: 20px;
191
       cursor: pointer;
191
       cursor: pointer;
192
       transition: all 0.2s;
192
       transition: all 0.2s;
193
+      border-radius: 20px;
194
+      box-sizing: border-box;
193
       span{
195
       span{
194
           font-size: 26px;
196
           font-size: 26px;
195
           transform: rotate(-90deg);
197
           transform: rotate(-90deg);
211
       margin-left: 20px;
213
       margin-left: 20px;
212
       cursor: pointer;
214
       cursor: pointer;
213
       transition: all 0.2s;
215
       transition: all 0.2s;
216
+      border-radius: 20px;
217
+      box-sizing: border-box;
214
       span{
218
       span{
215
           font-size: 26px;
219
           font-size: 26px;
216
           transform: rotate(90deg);
220
           transform: rotate(90deg);
234
       text-align: center;
238
       text-align: center;
235
       border: 1px solid #DDE2E6;
239
       border: 1px solid #DDE2E6;
236
       border-radius: 2px;
240
       border-radius: 2px;
241
+      border-radius: 20px;
242
+      box-sizing: border-box;
237
       &:hover{
243
       &:hover{
238
           background: #B81C25;
244
           background: #B81C25;
239
           border: 1px solid #B81C25;
245
           border: 1px solid #B81C25;

+ 3
- 6
src/pages/news/index.less 查看文件

539
                 font-size: 3.75vw;
539
                 font-size: 3.75vw;
540
                 display: flex;
540
                 display: flex;
541
                 align-items: center;
541
                 align-items: center;
542
-                justify-content: space-between;
543
                 .tabs_li{
542
                 .tabs_li{
544
-                    margin-right: 0;
543
+                    margin-right: 30px;
545
                     padding-bottom: 5.625vw;
544
                     padding-bottom: 5.625vw;
546
                 }
545
                 }
547
             }
546
             }
698
                 font-size: 3.75vw;
697
                 font-size: 3.75vw;
699
                 display: flex;
698
                 display: flex;
700
                 align-items: center;
699
                 align-items: center;
701
-                justify-content: space-between;
702
                 .tabs_li{
700
                 .tabs_li{
703
-                    margin-right: 0;
701
+                    margin-right: 30px;
704
                     padding-bottom: 5.625vw;
702
                     padding-bottom: 5.625vw;
705
                 }
703
                 }
706
             }
704
             }
1176
                 font-size: 3.75vw;
1174
                 font-size: 3.75vw;
1177
                 display: flex;
1175
                 display: flex;
1178
                 align-items: center;
1176
                 align-items: center;
1179
-                justify-content: space-between;
1180
                 padding-top: 60px;
1177
                 padding-top: 60px;
1181
                 .tabs_li{
1178
                 .tabs_li{
1182
-                    margin-right: 0;
1179
+                    margin-right: 30px;
1183
                     padding-bottom: 5.625vw;
1180
                     padding-bottom: 5.625vw;
1184
                 }
1181
                 }
1185
             }
1182
             }

+ 3
- 1
src/pages/partyBuilding/index.html 查看文件

92
             <div class=" wow domInUp study_box" id="p2">
92
             <div class=" wow domInUp study_box" id="p2">
93
                 <div class=" wow domInUp study_head">
93
                 <div class=" wow domInUp study_head">
94
                     <div class="txt">学习文件</div>
94
                     <div class="txt">学习文件</div>
95
-                    <a href="https://www.12371.cn/special/dnfg/" target="_blank" class="btn3">查看学习文件<span class="icon iconfont icon-jiantou"></span></a>
95
+                    <a href="https://www.12371.cn/special/dnfg/" target="_blank" class="btn_study1 btn3">查看学习文件<span class="icon iconfont icon-jiantou"></span></a>
96
                     <!-- <a href="https://www.12371.cn/special/dnfg/">查看学习文件</a> -->
96
                     <!-- <a href="https://www.12371.cn/special/dnfg/">查看学习文件</a> -->
97
                 </div>
97
                 </div>
98
                 <div class="bannerSwiper2 wow domInUp">
98
                 <div class="bannerSwiper2 wow domInUp">
99
                     <img class="lazy" data-src="./static/images/partyBuilding/11.png"
99
                     <img class="lazy" data-src="./static/images/partyBuilding/11.png"
100
                         data-srcM="./static/images/partyBuilding/11.png" alt="" />
100
                         data-srcM="./static/images/partyBuilding/11.png" alt="" />
101
                 </div>
101
                 </div>
102
+                <a href="https://www.12371.cn/special/dnfg/" target="_blank" class="btn3 btn_study">查看学习文件<span class="icon iconfont icon-jiantou"></span></a>
103
+
102
             </div>
104
             </div>
103
         </div>
105
         </div>
104
         <%= require('../common/tpl/footer.tpl') %>
106
         <%= require('../common/tpl/footer.tpl') %>

+ 28
- 7
src/pages/partyBuilding/index.less 查看文件

224
         width: 100%;display: flex;justify-content: center;padding: 30px 0 90px;
224
         width: 100%;display: flex;justify-content: center;padding: 30px 0 90px;
225
         a{
225
         a{
226
             width: 200px;
226
             width: 200px;
227
-                height: 45px;
228
-                font-size: 14px;
229
-                line-height: 45px;
230
-                span{
231
-                    font-size: 26px;
232
-                }
227
+            height: 45px;
228
+            font-size: 14px;
229
+            line-height: 45px;
230
+            border-radius: 50px;
231
+            span{
232
+                font-size: 26px;
233
+            }
233
         }
234
         }
234
     }
235
     }
235
     .news_paging{
236
     .news_paging{
365
 a{
366
 a{
366
     display: inline-block;
367
     display: inline-block;
367
 }
368
 }
369
+.btn_study{
370
+    display: none;
371
+}
368
 
372
 
369
 @media screen and (min-width: 801px) and (max-width: 1400px) {
373
 @media screen and (min-width: 801px) and (max-width: 1400px) {
370
     .main{
374
     .main{
418
         padding-top: 15vw;
422
         padding-top: 15vw;
419
         .listBtn{
423
         .listBtn{
420
             padding: 10px 0 30px;
424
             padding: 10px 0 30px;
425
+            a{
426
+                border-radius: 50px;
427
+            }
421
         }
428
         }
422
         .content{
429
         .content{
423
             width: 92.125vw;
430
             width: 92.125vw;
433
         .content2{
440
         .content2{
434
             padding-top: 17.5vw;
441
             padding-top: 17.5vw;
435
             .news_title{
442
             .news_title{
436
-                font-size: 6.25vw;
443
+                // font-size: 6.25vw;
444
+                font-size: 30px;
437
                 padding-top: 0;
445
                 padding-top: 0;
438
             }
446
             }
439
         }
447
         }
562
               
570
               
563
                 &:nth-of-type(7){
571
                 &:nth-of-type(7){
564
                    border-bottom: 1px solid #DDE2E6;
572
                    border-bottom: 1px solid #DDE2E6;
573
+                   margin-bottom: 10.5vw;
565
                 }
574
                 }
566
                 &:nth-of-type(8){
575
                 &:nth-of-type(8){
567
                    border-bottom: 1px solid #DDE2E6;
576
                    border-bottom: 1px solid #DDE2E6;
577
+                   margin-bottom: 10.5vw;
568
                 }
578
                 }
569
                 &:nth-of-type(9){
579
                 &:nth-of-type(9){
570
                    border-bottom: 1px solid #DDE2E6;
580
                    border-bottom: 1px solid #DDE2E6;
630
                     // margin-left: -25%;
640
                     // margin-left: -25%;
631
                     margin-right: 0px;
641
                     margin-right: 0px;
632
                     margin-top: 20px;
642
                     margin-top: 20px;
643
+                    border-radius: 50px;
633
                 }
644
                 }
634
             }
645
             }
635
             .bannerSwiper2{
646
             .bannerSwiper2{
638
             }
649
             }
639
         }
650
         }
640
     }
651
     }
652
+    .btn_study{
653
+        display: flex;
654
+        margin:20px auto;
655
+        span{
656
+            transform: rotate(90deg);
657
+        }
658
+    }
659
+    .btn_study1{
660
+        display: none;
661
+    }
641
 }
662
 }

+ 56
- 12
src/pages/socialResponsibility/index.less 查看文件

484
         .news_ul{
484
         .news_ul{
485
             width: 100%;
485
             width: 100%;
486
             margin-top: 30px;
486
             margin-top: 30px;
487
+            // .news_list{
488
+            //     margin-top: 0;
489
+            //     width: 100%;
490
+            //     box-sizing: border-box;
491
+            //     padding: 0 3.75vw;
492
+            //     .news_li{
493
+            //         padding:5.625vw 0;
494
+            //         .li_left{
495
+            //             width: 16.25vw;
496
+            //             height: 16.25vw;
497
+            //             font-size: 3vw;
498
+            //             .timerData{
499
+            //                 font-size:4.5vw ;
500
+            //                 // padding: 2.6vw 0 2.8vw 0;
501
+            //             }
502
+            //             // width: 10vw;
503
+            //             // height: 10vw;
504
+            //         }
505
+            //         .li_cont{
506
+            //             width: 71.5vw;
507
+            //             div:nth-child(1){
508
+            //                 font-family: Source Han Sans CN;
509
+            //                 font-size: 3.75vw;
510
+            //                 color: #282828;
511
+            //                 line-height: 7.5vw;
512
+            //                 display: -webkit-box;        /* 使用 Flexbox 布局 */
513
+            //                 -webkit-box-orient: vertical; /* 垂直方向排列 */
514
+            //                 -webkit-line-clamp: 1;      /* 限制显示的行数,这里是3行 */
515
+            //                 overflow: hidden;     
516
+            //                 font-weight: bold;
517
+            //                 margin-bottom: 0;
518
+            //             }
519
+            //             div:nth-child(2){
520
+            //                 width: auto;
521
+            //                 height: auto;
522
+            //                 overflow: unset;
523
+            //                 line-height: 1.5;
524
+            //                 font-family: Source Han Sans CN;
525
+            //                 font-size: 3.25vw;
526
+            //                 color: #A7A5A5;
527
+            //                 padding: 0;
528
+            //                 display: -webkit-box;        /* 使用 Flexbox 布局 */
529
+            //                 -webkit-box-orient: vertical; /* 垂直方向排列 */
530
+            //                 -webkit-line-clamp: 2;      /* 限制显示的行数,这里是3行 */
531
+            //                 overflow: hidden;     
532
+            //                 text-align: justify;
533
+            //             }
534
+                      
535
+            //         }
536
+            //     }
537
+            // }
487
             .news_list{
538
             .news_list{
488
                 margin-top: 0;
539
                 margin-top: 0;
489
                 width: 100%;
540
                 width: 100%;
491
                 padding: 0 3.75vw;
542
                 padding: 0 3.75vw;
492
                 .news_li{
543
                 .news_li{
493
                     padding:5.625vw 0;
544
                     padding:5.625vw 0;
545
+                    display: flex;
546
+                    align-items: center;
547
+                    justify-content: space-between;
494
                     .li_left{
548
                     .li_left{
495
                         width: 16.25vw;
549
                         width: 16.25vw;
496
-                        height: 16.25vw;
497
-                        font-size: 3vw;
498
-                        .timerData{
499
-                            font-size:4.5vw ;
500
-                            // padding: 2.6vw 0 2.8vw 0;
501
-                        }
502
-                        // width: 10vw;
503
-                        // height: 10vw;
550
+                        margin-right: 0;
504
                     }
551
                     }
505
                     .li_cont{
552
                     .li_cont{
506
-                        width: 71.5vw;
553
+                        width: 70vw;
507
                         div:nth-child(1){
554
                         div:nth-child(1){
508
-                            font-family: Source Han Sans CN;
509
                             font-size: 3.75vw;
555
                             font-size: 3.75vw;
510
                             color: #282828;
556
                             color: #282828;
511
                             line-height: 7.5vw;
557
                             line-height: 7.5vw;
521
                             height: auto;
567
                             height: auto;
522
                             overflow: unset;
568
                             overflow: unset;
523
                             line-height: 1.5;
569
                             line-height: 1.5;
524
-                            font-family: Source Han Sans CN;
525
                             font-size: 3.25vw;
570
                             font-size: 3.25vw;
526
                             color: #A7A5A5;
571
                             color: #A7A5A5;
527
                             padding: 0;
572
                             padding: 0;
529
                             -webkit-box-orient: vertical; /* 垂直方向排列 */
574
                             -webkit-box-orient: vertical; /* 垂直方向排列 */
530
                             -webkit-line-clamp: 2;      /* 限制显示的行数,这里是3行 */
575
                             -webkit-line-clamp: 2;      /* 限制显示的行数,这里是3行 */
531
                             overflow: hidden;     
576
                             overflow: hidden;     
532
-                            text-align: justify;
533
                         }
577
                         }
534
                       
578
                       
535
                     }
579
                     }

正在加载...
取消
保存