Commit 63ff6d843ba7e73269860d02041666f003a84778
1 parent
be01f64d
add 首页新增新闻中心
Showing
2 changed files
with
64 additions
and
53 deletions
js/main.js
| ... | ... | @@ -178,11 +178,32 @@ |
| 178 | 178 | }); |
| 179 | 179 | |
| 180 | 180 | /* |
| 181 | + @ 首页topbar轮播数据渲染 | |
| 182 | + */ | |
| 183 | + var mySwiper = new Swiper ('#swiper-container-index', { | |
| 184 | + direction: 'horizontal', | |
| 185 | + loop: true, | |
| 186 | + speed: 500, //设置轮播时长 可以不设置 会有个默认值 | |
| 187 | + autoplay: true,//可选选项，自动滑动 | |
| 188 | + // 如果需要分页器 | |
| 189 | + pagination: { | |
| 190 | + el: '.swiper-pagination', | |
| 191 | + clickable:true | |
| 192 | + }, | |
| 193 | + autoplay: { | |
| 194 | + disableOnInteraction: false, //点击后继续轮播(这个很重要) | |
| 195 | + delay: 3000, //自动轮播的每次的时间 可以不设置 会有个默认值 | |
| 196 | + }, | |
| 197 | + // 如果需要前进后退按钮 | |
| 198 | + | |
| 199 | + | |
| 200 | + }); | |
| 201 | + | |
| 202 | + /* | |
| 181 | 203 | @ chenbiao |
| 182 | 204 | @ 2018-01-23 |
| 183 | - @ 首页新闻列表 轮播 | |
| 205 | + @ 首页新闻图片轮播数据渲染 | |
| 184 | 206 | */ |
| 185 | - // 首页新闻图片轮播数据渲染 | |
| 186 | 207 | function indexImgSlide(){ |
| 187 | 208 | var indexSlideList = $('.index_slide_list'); |
| 188 | 209 | var imgList= []; |
| ... | ... | @@ -195,7 +216,7 @@ |
| 195 | 216 | $.each(data, function(i, obj){ |
| 196 | 217 | imgList.push( |
| 197 | 218 | '<div class="swiper-slide red-slide">', |
| 198 | - '<a href="'+obj.href+'" class="swiper-slide news_a">', | |
| 219 | + '<a data-href="'+obj.href+'" class="swiper-slide news_a">', | |
| 199 | 220 | '<div class="news_title">', |
| 200 | 221 | '<p>' + obj.newsTitle + '</p>', |
| 201 | 222 | '</div>', |
| ... | ... | @@ -248,8 +269,8 @@ |
| 248 | 269 | $.each(data, function(i, obj){ |
| 249 | 270 | list.push( |
| 250 | 271 | '<li>', |
| 251 | - '<p class="pos-rel">', | |
| 252 | - '<a href="'+obj.href+'">' + commonStrandNum.cutString(obj.newsTitle, 26) +'</a>', | |
| 272 | + '<p class="pos-rel red-slide">', | |
| 273 | + '<a data-href="'+obj.href+'">' + commonStrandNum.cutString(obj.newsTitle, 26) +'</a>', | |
| 253 | 274 | '<span class="pos-abs" style="bottom: 0px;right: 2px;color: rgba(0,0,0,0.5)">'+obj.time+'</span>', |
| 254 | 275 | '</p>', |
| 255 | 276 | '</li>' |
| ... | ... | @@ -259,52 +280,40 @@ |
| 259 | 280 | } |
| 260 | 281 | }) |
| 261 | 282 | } |
| 262 | - indexNewsList(); | |
| 263 | - | |
| 264 | - | |
| 265 | - | |
| 266 | - var mySwiper = new Swiper ('#swiper-container-index', { | |
| 267 | - direction: 'horizontal', | |
| 268 | - loop: true, | |
| 269 | - speed: 500, //设置轮播时长 可以不设置 会有个默认值 | |
| 270 | - autoplay: true,//可选选项，自动滑动 | |
| 271 | - // 如果需要分页器 | |
| 272 | - pagination: { | |
| 273 | - el: '.swiper-pagination', | |
| 274 | - clickable:true | |
| 275 | - }, | |
| 276 | - autoplay: { | |
| 277 | - disableOnInteraction: false, //点击后继续轮播(这个很重要) | |
| 278 | - delay: 3000, //自动轮播的每次的时间 可以不设置 会有个默认值 | |
| 279 | - }, | |
| 280 | - // 如果需要前进后退按钮 | |
| 281 | - | |
| 282 | 283 | |
| 283 | - }); | |
| 284 | - | |
| 285 | - | |
| 286 | - | |
| 287 | - /* | |
| 288 | - @ cb | |
| 289 | - @ 2018-01-23 | |
| 290 | - @ 切割字符串方法 commonStrandNum.cutString(str, 25) | |
| 291 | - */ | |
| 284 | + indexNewsList(); | |
| 292 | 285 | |
| 293 | - var commonStrandNum = { | |
| 294 | - /* | |
| 295 | - @切割字符串 | |
| 296 | - @str原字符串 | |
| 297 | - @num字符位数 | |
| 298 | - */ | |
| 299 | - cutString: function (str, num) { | |
| 300 | - var _str = ""; | |
| 301 | - if (str.length >= num) { | |
| 302 | - var strN = str.substring(0, num); | |
| 303 | - strN += "..."; | |
| 304 | - _str = strN; | |
| 305 | - } else { | |
| 306 | - _str = str; | |
| 307 | - } | |
| 308 | - return _str; | |
| 309 | - }, | |
| 310 | - } | |
| 311 | 286 | \ No newline at end of file |
| 287 | + /* | |
| 288 | + @ chenbiao | |
| 289 | + @ 2018-01-23 | |
| 290 | + @ 打开新窗口 新闻 | |
| 291 | + */ | |
| 292 | + $(document).on('click','.red-slide a',function () { | |
| 293 | + var link = $(this).attr('data-href'); | |
| 294 | + window.open(link) | |
| 295 | + }); | |
| 296 | + | |
| 297 | + /* | |
| 298 | + @ chenbiao | |
| 299 | + @ 2018-01-23 | |
| 300 | + @ 切割字符串方法 commonStrandNum.cutString(str, 25) | |
| 301 | + */ | |
| 302 | + | |
| 303 | + var commonStrandNum = { | |
| 304 | + /* | |
| 305 | + @切割字符串 | |
| 306 | + @str原字符串 | |
| 307 | + @num字符位数 | |
| 308 | + */ | |
| 309 | + cutString: function (str, num) { | |
| 310 | + var _str = ""; | |
| 311 | + if (str.length >= num) { | |
| 312 | + var strN = str.substring(0, num); | |
| 313 | + strN += "..."; | |
| 314 | + _str = strN; | |
| 315 | + } else { | |
| 316 | + _str = str; | |
| 317 | + } | |
| 318 | + return _str; | |
| 319 | + }, | |
| 320 | + } | |
| 312 | 321 | \ No newline at end of file | ... | ... |