add 关于我们荣誉轮播

Andy
1 parent dc3f0f45
Showing 3 changed files with 20 additions and 39 deletions
index.html
js/main.js
style.css
@@ -213,32 +213,9 @@
         <div class="news-bd">
             <div class="focus swiper-container" id="swiper-container-news">
                 <div class="swiper-wrapper index_slide_list">
-
-                    <!--<div class="swiper-slide">
-                        <a href="https://mp.weixin.qq.com/s/NcWXfcxjy5t-sqG2yFg6JQ" class="swiper-slide news_a">
-                            <div class="news_title">
-                                <p>中兴智能交通助力西部大发展，建设甘肃省周边“一带一路”沿线城市的智慧停车</p>
-                            </div>
-                            <img class="banner" src="images/news/index_news_1.jpg" alt="" width="100%">
-                        </a>
-                    </div>
-                    <div class="swiper-slide swiper-slide-new2">
-                        <a href="https://mp.weixin.qq.com/s/bO_1as7-8enGR7g4sI_6lw" class="swiper-slide news_a">
-                            <div class="news_title">
-                                <p>年度盘点丨2018，中兴智能交通铸就辉煌</p>
-                            </div>
-                            <img class="banner" src="images/news/index_news_2.jpg" alt="" width="100%">
-                        </a>
-                    </div>
-                    <div class="swiper-slide swiper-slide-new3">
-                        <a href="https://mp.weixin.qq.com/s/ZJCdWCWCkrxtmOCep9fvwQ" class="swiper-slide news_a">
-                            <div class="news_title">
-                                <p>中兴智能交通荣获”2018中国城市无人化停车十大创新方案”称号</p>
-                            </div>
-                            <img class="banner" src="images/news/index_news_3.jpg" alt="" width="100%">
-                        </a>
-                    </div>-->
                 </div>
+                <!-- 如果需要分页器 -->
+                <div class="swiper-pagination news-pagination" style=""></div>
             </div>
             <div class="newslist">
                 <ul></ul>
@@ -270,8 +270,9 @@
                         list.push(
                             '<li>',
                             '<p class="pos-rel red-slide">',
-                            '<a data-href="'+obj.href+'">' + commonStrandNum.cutString(obj.newsTitle, 26) +'</a>',
+                            '<a data-href="'+obj.href+'">' + commonStrandNum.cutString(obj.newsTitle, 26) ,
                             '<span class="pos-abs" style="bottom: 0px;right: 2px;color: rgba(0,0,0,0.3)">'+obj.time+'</span>',
+                            '</a>',
                             '</p>',
                             '</li>'
                         )
@@ -2584,6 +2584,7 @@ a:hover{
 }
 .newslist li a{
 	color: rgba(0,0,0,.6);
+	display: block;
 }
 .pos-rel{
 	position: relative;
@@ -2630,21 +2631,23 @@ a:hover{
 	margin: 0;
 	height: 20px;
 }
-.swiper-notification {
-	display: inline-block;
-	width: 28px;
-	height: 6px;
-	border-radius: 0;
-	background: none;
-	margin: 0 5px;
-	opacity: 0.8;
-	border: 1px solid #fff;
-	cursor: pointer;
+.news-pagination{
+	right: 0px !important;
+	bottom: 30px !important;
+	width: 170px !important;
+	margin-left: 305px;
 }
-.swiper-active-switch {
-	background: #fff;
+.news-pagination .swiper-pagination-bullet{
+	width:28px;
+	height:4px;
+	background:rgba(255,255,255,1);
+	opacity: 0.5;
+	border-radius:0;
+}
+.news-pagination .swiper-pagination-bullet-active{
+	background:rgba(255,255,255,1);
+	opacity: 1 !important;
 }
-
 .red-slide{
 	cursor: pointer;
 }