刘鹏伟 / party · Commits

Commit 91b80ce26e5358e02198a464569d16073cd94ca1

Authored by zouyang0921
1 parent 8832baca

[年会抽奖]修复弹框UI错乱问题

Inline Side-by-side
Showing 2 changed files with 6 additions and 18 deletions
mobile.html
  View file @91b80ce
... ... @@ -27,7 +27,7 @@
27 27 html, body {padding: 0;margin: 0;min-height:100%;font-family: 'PingFangSC','PingFang','Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei','Droidsansfallback','Droid Sans',STHeiti,'\534E\6587\7EC6\9ED1','Helvetica Neue',SimHei,Helvetica,Arial,sans-serif;}
28 28 img {display: block;}
29 29 input {outline: none;border: none;-webkit-appearance: none;}
30   - .wrap {position: relative;width: 100%;min-height: 100%;box-sizing: border-box;}
  30 + .wrap {position: relative;width: 100%;min-height: 100%;box-sizing: border-box;-webkit-overflow-scrolling: touch;}
31 31 .sign-in, .pic, .home, .seat {user-select: none;-webkit-user-select: none;-moz-user-select: none;}
32 32 .common-btn {position: relative;width: 5.9rem;height: 1.08rem;margin: 0 auto;}
33 33 .common-btn:not(:first-of-type) {margin-top: .4rem;}
... ... @@ -105,7 +105,7 @@
105 105 .seat-list .list-item.active .list-item-inner {background: transparent;color: #fff;}
106 106 .bottom-btn {position: fixed;bottom: 0;left: 0;z-index: 1;width: 100%;height: 1.08rem;background: url('./img/mobile/btn_bg_red.png') no-repeat;background-size: 100% 100%;line-height: 1.08rem;text-align: center;font-size: .32rem;color: #fff;}
107 107  
108   - .vote {min-height: 100vh;padding-bottom: 1.2rem;-webkit-overflow-scrolling: touch;}
  108 + .vote {min-height: 100vh;padding-bottom: 1.2rem;}
109 109 .vote .tip {width: 100%;height: .84rem;background: #FFE7E4;line-height: .84rem;text-align: center;font-size: .28rem;font-weight: 600;color: #D02E1D;}
110 110 .program-title {margin-top: .3rem;padding-left: .4rem;font-size: .28rem;color: #A6A6A6;}
111 111 .program-list {padding-left: .4rem;}
... ... @@ -116,7 +116,7 @@
116 116 .program-item.active .program-item-icon {background: url('./img/mobile/vote_active.png') no-repeat;background-size: 100% 100%;border: none;}
117 117  
118 118 .dialog-wrap {position: fixed;z-index: 10;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.5);}
119   - .dialog-main {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 9.36rem;box-sizing: border-box;padding-top: 3.2rem;background: url('./img/mobile/dialog_bg.png') no-repeat;background-size: 100%;}
  119 + .dialog-main {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 9.36rem;box-sizing: border-box;padding-top: 3.2rem;background: url('./img/mobile/dialog_bg.png') no-repeat;background-size: 100% 100%;}
120 120 .dialog-title {width: 3.7rem;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
121 121 .title-icon-left, .title-icon-right {width: .9rem;height: .2rem;}
122 122 .title-icon-left {background: url('./img/mobile/dialog_title1.png') no-repeat;background-size: 100% 100%;}
... ...
mobile.js
  View file @91b80ce
... ... @@ -303,28 +303,16 @@ var action = {
303 303 switchDialog: function(dom, isShow) {
304 304 if (isShow) {
305 305 $(dom).show();
306   - $('body').css({
  306 + $('body, .home, .vote').css({
307 307 height: '100vh',
308 308 overflow: 'hidden'
309 309 });
310   - if (dom.search('vote') !== -1) {
311   - $('.vote').css({
312   - height: '100vh',
313   - overflow: 'hidden'
314   - });
315   - }
316 310 } else {
317 311 $(dom).hide();
318   - $('body').css({
319   - 'min-height': '100%',
  312 + $('body, .home, .vote').css({
  313 + 'min-height': '100vh',
320 314 overflow: 'auto'
321 315 });
322   - if (dom.search('vote') !== -1) {
323   - $('.vote').css({
324   - 'min-height': '100vh',
325   - overflow: 'scroll'
326   - });
327   - }
328 316 }
329 317 },
330 318 // toast提示
... ...