Commit ad9dda0f443c036a9bd67b81ab3ff5948e98a219
1 parent
dc3f0f45
add 关于我们 荣誉轮播
Showing
3 changed files
with
20 additions
and
39 deletions
index.html
| ... | ... | @@ -213,32 +213,9 @@ |
| 213 | 213 | <div class="news-bd"> |
| 214 | 214 | <div class="focus swiper-container" id="swiper-container-news"> |
| 215 | 215 | <div class="swiper-wrapper index_slide_list"> |
| 216 | - | |
| 217 | - <!--<div class="swiper-slide"> | |
| 218 | - <a href="https://mp.weixin.qq.com/s/NcWXfcxjy5t-sqG2yFg6JQ" class="swiper-slide news_a"> | |
| 219 | - <div class="news_title"> | |
| 220 | - <p>中兴智能交通助力西部大发展，建设甘肃省周边“一带一路”沿线城市的智慧停车</p> | |
| 221 | - </div> | |
| 222 | - <img class="banner" src="images/news/index_news_1.jpg" alt="" width="100%"> | |
| 223 | - </a> | |
| 224 | - </div> | |
| 225 | - <div class="swiper-slide swiper-slide-new2"> | |
| 226 | - <a href="https://mp.weixin.qq.com/s/bO_1as7-8enGR7g4sI_6lw" class="swiper-slide news_a"> | |
| 227 | - <div class="news_title"> | |
| 228 | - <p>年度盘点丨2018，中兴智能交通铸就辉煌</p> | |
| 229 | - </div> | |
| 230 | - <img class="banner" src="images/news/index_news_2.jpg" alt="" width="100%"> | |
| 231 | - </a> | |
| 232 | - </div> | |
| 233 | - <div class="swiper-slide swiper-slide-new3"> | |
| 234 | - <a href="https://mp.weixin.qq.com/s/ZJCdWCWCkrxtmOCep9fvwQ" class="swiper-slide news_a"> | |
| 235 | - <div class="news_title"> | |
| 236 | - <p>中兴智能交通荣获”2018中国城市无人化停车十大创新方案”称号</p> | |
| 237 | - </div> | |
| 238 | - <img class="banner" src="images/news/index_news_3.jpg" alt="" width="100%"> | |
| 239 | - </a> | |
| 240 | - </div>--> | |
| 241 | 216 | </div> |
| 217 | + <!-- 如果需要分页器 --> | |
| 218 | + <div class="swiper-pagination news-pagination" style=""></div> | |
| 242 | 219 | </div> |
| 243 | 220 | <div class="newslist"> |
| 244 | 221 | <ul></ul> | ... | ... |
js/main.js
| ... | ... | @@ -270,8 +270,9 @@ |
| 270 | 270 | list.push( |
| 271 | 271 | '<li>', |
| 272 | 272 | '<p class="pos-rel red-slide">', |
| 273 | - '<a data-href="'+obj.href+'">' + commonStrandNum.cutString(obj.newsTitle, 26) +'</a>', | |
| 273 | + '<a data-href="'+obj.href+'">' + commonStrandNum.cutString(obj.newsTitle, 26) , | |
| 274 | 274 | '<span class="pos-abs" style="bottom: 0px;right: 2px;color: rgba(0,0,0,0.3)">'+obj.time+'</span>', |
| 275 | + '</a>', | |
| 275 | 276 | '</p>', |
| 276 | 277 | '</li>' |
| 277 | 278 | ) | ... | ... |
style.css
| ... | ... | @@ -2584,6 +2584,7 @@ a:hover{ |
| 2584 | 2584 | } |
| 2585 | 2585 | .newslist li a{ |
| 2586 | 2586 | color: rgba(0,0,0,.6); |
| 2587 | + display: block; | |
| 2587 | 2588 | } |
| 2588 | 2589 | .pos-rel{ |
| 2589 | 2590 | position: relative; |
| ... | ... | @@ -2630,21 +2631,23 @@ a:hover{ |
| 2630 | 2631 | margin: 0; |
| 2631 | 2632 | height: 20px; |
| 2632 | 2633 | } |
| 2633 | -.swiper-notification { | |
| 2634 | - display: inline-block; | |
| 2635 | - width: 28px; | |
| 2636 | - height: 6px; | |
| 2637 | - border-radius: 0; | |
| 2638 | - background: none; | |
| 2639 | - margin: 0 5px; | |
| 2640 | - opacity: 0.8; | |
| 2641 | - border: 1px solid #fff; | |
| 2642 | - cursor: pointer; | |
| 2634 | +.news-pagination{ | |
| 2635 | + right: 0px !important; | |
| 2636 | + bottom: 30px !important; | |
| 2637 | + width: 170px !important; | |
| 2638 | + margin-left: 305px; | |
| 2643 | 2639 | } |
| 2644 | -.swiper-active-switch { | |
| 2645 | - background: #fff; | |
| 2640 | +.news-pagination .swiper-pagination-bullet{ | |
| 2641 | + width:28px; | |
| 2642 | + height:4px; | |
| 2643 | + background:rgba(255,255,255,1); | |
| 2644 | + opacity: 0.5; | |
| 2645 | + border-radius:0; | |
| 2646 | +} | |
| 2647 | +.news-pagination .swiper-pagination-bullet-active{ | |
| 2648 | + background:rgba(255,255,255,1); | |
| 2649 | + opacity: 1 !important; | |
| 2646 | 2650 | } |
| 2647 | - | |
| 2648 | 2651 | .red-slide{ |
| 2649 | 2652 | cursor: pointer; |
| 2650 | 2653 | } | ... | ... |