Browse Source

修改适配

zjm
suomingxiang 5 months ago
parent
commit
0988266a1c

+ 7
- 0
src/pages/enterprisePartyBuilding/index.less View File

297
         }
297
         }
298
     }
298
     }
299
 }
299
 }
300
+@media screen and (min-width: 1400px) and (max-width: 1600px){
301
+    .main{
302
+        .content{
303
+            width: 100%;
304
+        }
305
+    }
306
+}
300
 
307
 
301
 //移动端样式
308
 //移动端样式
302
 @media screen and (max-width:800px) {
309
 @media screen and (max-width:800px) {

+ 6
- 6
src/pages/news/index.html View File

100
                     </div>
100
                     </div>
101
                     <div class="news_li">
101
                     <div class="news_li">
102
                         <div class="li_left">
102
                         <div class="li_left">
103
-                            <span>19</span>
103
+                            <div class="timerData">10</div>
104
-                            <span>24-12</span>
104
+                            <div>24-06</div>
105
                         </div> 
105
                         </div> 
106
                         <a class="li_cont" href="./articleDetails.html">
106
                         <a class="li_cont" href="./articleDetails.html">
107
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
107
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
130
                     </div>
130
                     </div>
131
                     <div class="news_li">
131
                     <div class="news_li">
132
                         <div class="li_left">
132
                         <div class="li_left">
133
-                            <span>19</span>
133
+                            <div class="timerData">10</div>
134
-                            <span>24-12</span>
134
+                            <div>24-06</div>
135
                         </div> 
135
                         </div> 
136
                         <a class="li_cont" href="./articleDetails.html">
136
                         <a class="li_cont" href="./articleDetails.html">
137
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
137
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
160
                     </div>
160
                     </div>
161
                     <div class="news_li">
161
                     <div class="news_li">
162
                         <div class="li_left">
162
                         <div class="li_left">
163
-                            <span>19</span>
163
+                            <div class="timerData">10</div>
164
-                            <span>24-12</span>
164
+                            <div>24-06</div>
165
                         </div> 
165
                         </div> 
166
                         <a class="li_cont" href="./articleDetails.html">
166
                         <a class="li_cont" href="./articleDetails.html">
167
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>
167
                             <div>中共中央办公厅 国务院办公厅关于推进新型城市基础设施建设打造韧性城市的意见</div>

+ 50
- 0
src/pages/news/index.less View File

402
         .news_paging{}
402
         .news_paging{}
403
     }
403
     }
404
 }
404
 }
405
+@media screen and (min-width: 1400px) and (max-width: 1600px) {
406
+    .main{
407
+        .content{
408
+            width: calc(100% - 60px);
409
+            .banner_box{
410
+                .news_banner{
411
+                    width: 630px;
412
+                    height: 413px;
413
+                    .news_content{
414
+                        border-radius: 12px;
415
+                    }
416
+                }   
417
+                .news_banner2{
418
+                    width: 300px;
419
+                    img{
420
+                        height: 200px;
421
+                    }
422
+                    .txt1{
423
+                        font-size: 16px;
424
+                    }
425
+                    .txt2{
426
+                        font-size: 14px;
427
+                    }
428
+                    .txt3{
429
+                        font-size: 14px;
430
+                    }
431
+                    a{
432
+                        font-size: 14px;
433
+                        .icon{
434
+                            margin-top: -2px;
435
+                            font-size: 18px;
436
+                        }
437
+                    }
438
+                }
439
+            }
440
+            .tabs_box{
441
+                width: calc(100% - 60px);
442
+            }
443
+        }
444
+        .news_ul {
445
+            max-width: 100%;
446
+            width: calc(100% - 60px);
447
+            overflow: hidden;
448
+            .news_list{
449
+                width: calc(100% - 60px);
450
+            }
451
+        }
452
+        .news_paging{}
453
+    }
454
+}
405
 
455
 
406
 //移动端样式
456
 //移动端样式
407
 @media screen and (max-width:800px) {
457
 @media screen and (max-width:800px) {

+ 20
- 0
src/pages/partyBuilding/index.less View File

348
         }
348
         }
349
     }
349
     }
350
 }
350
 }
351
+@media screen and (min-width: 1400px) and (max-width: 1600px){
352
+    .main{
353
+        .banner{
354
+            .bannerSwiper{
355
+                width: 100%;
356
+            }
357
+        }
358
+        .article_list{
359
+            width: calc(100% - 40px);
360
+        }
361
+        .tabs_box{
362
+            width: calc(100% - 40px);
363
+        }
364
+        .study_box{
365
+            .study_head{
366
+                width: calc(100% - 40px);
367
+            }
368
+        }
369
+    }
370
+}
351
 
371
 
352
 //移动端样式
372
 //移动端样式
353
 @media screen and (max-width:800px) {
373
 @media screen and (max-width:800px) {

+ 16
- 0
src/pages/socialResponsibility/index.less View File

477
         }
477
         }
478
     }
478
     }
479
 }
479
 }
480
+@media screen and (min-width: 1400px) and (max-width: 1600px){
481
+    .main{
482
+        .content{
483
+            width: calc(100% - 60px);
484
+            .tabs_box{
485
+                width: 100%;
486
+            }
487
+        }
488
+        .news_ul{
489
+            width: 100%;
490
+            .news_list{
491
+                width: calc(100% - 60px);
492
+            }
493
+        }
494
+    }
495
+}
480
 
496
 
481
 //移动端样式
497
 //移动端样式
482
 @media screen and (max-width:800px) {
498
 @media screen and (max-width:800px) {

Loading…
Cancel
Save