Authored by zhangxiaoru

弹窗禁止滑动

@@ -71,6 +71,6 @@ @@ -71,6 +71,6 @@
71 {{/ townContent}} 71 {{/ townContent}}
72 </div> 72 </div>
73 </div> 73 </div>
74 - <div class="dia-c"></div> 74 + <div class="dia-c popover"></div>
75 {{/ familyIndexData}} 75 {{/ familyIndexData}}
76 </div> 76 </div>
1 -<div class="down-load-detail hide"> 1 +<div class="down-load-detail hide popover">
2 <div class="down-close"></div> 2 <div class="down-close"></div>
3 <div class="back"></div> 3 <div class="back"></div>
4 <div class="detail-content"> 4 <div class="detail-content">
@@ -34,7 +34,8 @@ class FamilyIndex extends Page { @@ -34,7 +34,8 @@ class FamilyIndex extends Page {
34 $bannerCenterSwiper: $('.banner-center-swiper'), 34 $bannerCenterSwiper: $('.banner-center-swiper'),
35 $back: $('.back'), 35 $back: $('.back'),
36 $vipMore: $('more'), 36 $vipMore: $('more'),
37 - $trendCode: $('.trend-code') 37 + $trendCode: $('.trend-code'),
  38 + $popover: $('.popover')
38 }; 39 };
39 40
40 this.view = { 41 this.view = {
@@ -66,6 +67,7 @@ class FamilyIndex extends Page { @@ -66,6 +67,7 @@ class FamilyIndex extends Page {
66 this.selector.$contentItem.on('click', this.showInfo.bind(this)); 67 this.selector.$contentItem.on('click', this.showInfo.bind(this));
67 this.selector.$diaC.on('click', this.selector.$close, this.hideVipInfo.bind(this)); 68 this.selector.$diaC.on('click', this.selector.$close, this.hideVipInfo.bind(this));
68 this.selector.$back.on('click', this.goBack.bind(this)); 69 this.selector.$back.on('click', this.goBack.bind(this));
  70 + this.selector.$popover.on('mousewheel touchmove', this.banSliding.bind(this));
69 } 71 }
70 72
71 // 头像 73 // 头像
@@ -198,6 +200,8 @@ class FamilyIndex extends Page { @@ -198,6 +200,8 @@ class FamilyIndex extends Page {
198 this.selector.$downLoadDetail = $('.down-load-detail'); 200 this.selector.$downLoadDetail = $('.down-load-detail');
199 this.selector.$downClose = $('.down-close'); 201 this.selector.$downClose = $('.down-close');
200 this.selector.$downClose.on('click', this.downClose.bind(this)); 202 this.selector.$downClose.on('click', this.downClose.bind(this));
  203 + this.selector.$popover = $('.popover');
  204 + this.selector.$popover.on('mousewheel touchmove', this.banSliding.bind(this));
201 }); 205 });
202 } 206 }
203 207
@@ -300,9 +304,16 @@ class FamilyIndex extends Page { @@ -300,9 +304,16 @@ class FamilyIndex extends Page {
300 } 304 }
301 } 305 }
302 306
  307 + // 关闭下载弹窗
303 downClose() { 308 downClose() {
304 this.selector.$downLoadDetail.addClass('hide'); 309 this.selector.$downLoadDetail.addClass('hide');
305 } 310 }
  311 +
  312 + // 弹窗出现禁止滑动
  313 + banSliding(e) {
  314 + e.preventDefault();
  315 + return false;
  316 + }
306 } 317 }
307 318
308 $(() => { 319 $(() => {
@@ -150,7 +150,7 @@ @@ -150,7 +150,7 @@
150 .code-set { 150 .code-set {
151 background-image: resolve("home/index/code-set.png"); 151 background-image: resolve("home/index/code-set.png");
152 background-repeat: no-repeat; 152 background-repeat: no-repeat;
153 - background-size: 100% 90%; 153 + background-size: 100% 93%;
154 display: inline-block; 154 display: inline-block;
155 width: 40px; 155 width: 40px;
156 height: 44px; 156 height: 44px;