Authored by shuaiguo

Merge remote-tracking branch 'refs/remotes/origin/feature/magazine' into develop

@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 <div class="magazine-buy-num"> 14 <div class="magazine-buy-num">
15 <div class="buy-num-title"> 15 <div class="buy-num-title">
16 <div>请选择购买数量</div> 16 <div>请选择购买数量</div>
17 - <a href="#"> 17 + <a href="javascript:;" class="view-buy-tip">
18 查看购买说明 18 查看购买说明
19 <i class="iconfont">&#xe614;</i> 19 <i class="iconfont">&#xe614;</i>
20 </a> 20 </a>
@@ -2,6 +2,7 @@ require('scss/cart/magazine-confirm.page.scss'); @@ -2,6 +2,7 @@ require('scss/cart/magazine-confirm.page.scss');
2 2
3 const $ = require('yoho-jquery'); 3 const $ = require('yoho-jquery');
4 const toast = require('js/plugin/tip'); 4 const toast = require('js/plugin/tip');
  5 +const dialog = require('js/plugin/dialog');
5 6
6 let $activeItem = $('.choose-list .active'); 7 let $activeItem = $('.choose-list .active');
7 let $totalPrice = $('.total-price .total-num'); 8 let $totalPrice = $('.total-price .total-num');
@@ -88,6 +89,19 @@ $('.buy-btn-wrap').on('click', 'button', function() { @@ -88,6 +89,19 @@ $('.buy-btn-wrap').on('click', 'button', function() {
88 }); 89 });
89 }); 90 });
90 91
  92 +$('.view-buy-tip').on('click', function() {
  93 + dialog.showDialog({
  94 + hasClass: 'magazine-buytip-dialog',
  95 + hasHeader: '购买须知',
  96 + dialogText: '<ul><li>购买成功后,需要兑换阅读码阅读;</li>' +
  97 + '<li>电子刊为虚拟商品,若无系统问题,购买成功后不支持退换;</li>' +
  98 + '<li>购买多个电子刊阅读码,可以在【我的阅读码-阅读码】中赠送给好友兑换阅读;</li>' +
  99 + '<li>若出现无法阅读的情况,可以联系客服反馈问题,情况核对属实,将为您补发;</li></ul>',
  100 + hasFooter: {
  101 + centerBtnText: '知道了'
  102 + }
  103 + });
  104 +});
91 105
92 if ($activeItem.length) { 106 if ($activeItem.length) {
93 buyNumber = $activeItem.data().number || 1; 107 buyNumber = $activeItem.data().number || 1;
@@ -63,14 +63,10 @@ function DragableElm(elm) { @@ -63,14 +63,10 @@ function DragableElm(elm) {
63 63
64 let bscroll = new BScroll(elm.find('.detail-container')[0]); 64 let bscroll = new BScroll(elm.find('.detail-container')[0]);
65 65
66 -  
67 bscroll.on('scrollEnd', pos => { 66 bscroll.on('scrollEnd', pos => {
68 - console.log('scrollEnd', pos);  
69 _canDrag = _open ? pos.y > -10 : true; 67 _canDrag = _open ? pos.y > -10 : true;
70 }); 68 });
71 69
72 - window.bscroll = bscroll;  
73 -  
74 elm.on('touchstart', e => { 70 elm.on('touchstart', e => {
75 if (!_canDrag && open) { 71 if (!_canDrag && open) {
76 return; 72 return;
@@ -18,6 +18,19 @@ body { @@ -18,6 +18,19 @@ body {
18 } 18 }
19 } 19 }
20 20
  21 +.magazine-buytip-dialog {
  22 + .dialog-content {
  23 + padding-top: 0;
  24 + text-align: left;
  25 + font-size: 26px;
  26 +
  27 + ul {
  28 + list-style: decimal;
  29 + padding-left: 30px;
  30 + }
  31 + }
  32 +}
  33 +
21 .magazine-confirm-page { 34 .magazine-confirm-page {
22 padding-bottom: 150px; 35 padding-bottom: 150px;
23 } 36 }
@@ -16,8 +16,8 @@ body { @@ -16,8 +16,8 @@ body {
16 } 16 }
17 17
18 .top-downloadbar { 18 .top-downloadbar {
19 - position: absolute;  
20 - z-index: 2; 19 + position: absolute !important;
  20 + z-index: 30;
21 } 21 }
22 22
23 .magazine-cover-container { 23 .magazine-cover-container {
@@ -38,6 +38,7 @@ body { @@ -38,6 +38,7 @@ body {
38 position: relative; 38 position: relative;
39 box-sizing: border-box; 39 box-sizing: border-box;
40 padding-bottom: 134px; 40 padding-bottom: 134px;
  41 + overflow: hidden;
41 42
42 .filter-bg { 43 .filter-bg {
43 filter: blur(20px); 44 filter: blur(20px);