Merge remote-tracking branch 'refs/remotes/origin/feature/magazine' into develop
Showing
5 changed files
with
31 additions
and
7 deletions
@@ -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"></i> | 19 | <i class="iconfont"></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); |
-
Please register or login to post a comment