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

zouyang0921
1 parent 8832baca
Showing 2 changed files with 6 additions and 18 deletions
mobile.html
mobile.js
@@ -27,7 +27,7 @@
         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;}
         img {display: block;}
         input {outline: none;border: none;-webkit-appearance: none;}
-        .wrap {position: relative;width: 100%;min-height: 100%;box-sizing: border-box;}
+        .wrap {position: relative;width: 100%;min-height: 100%;box-sizing: border-box;-webkit-overflow-scrolling: touch;}
         .sign-in, .pic, .home, .seat {user-select: none;-webkit-user-select: none;-moz-user-select: none;}
         .common-btn {position: relative;width: 5.9rem;height: 1.08rem;margin: 0 auto;}
         .common-btn:not(:first-of-type) {margin-top: .4rem;}
@@ -105,7 +105,7 @@
         .seat-list .list-item.active .list-item-inner {background: transparent;color: #fff;}
         .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;}
-        .vote {min-height: 100vh;padding-bottom: 1.2rem;-webkit-overflow-scrolling: touch;}
+        .vote {min-height: 100vh;padding-bottom: 1.2rem;}
         .vote .tip {width: 100%;height: .84rem;background: #FFE7E4;line-height: .84rem;text-align: center;font-size: .28rem;font-weight: 600;color: #D02E1D;}
         .program-title {margin-top: .3rem;padding-left: .4rem;font-size: .28rem;color: #A6A6A6;}
         .program-list {padding-left: .4rem;}
@@ -116,7 +116,7 @@
         .program-item.active .program-item-icon {background: url('./img/mobile/vote_active.png') no-repeat;background-size: 100% 100%;border: none;}
         .dialog-wrap {position: fixed;z-index: 10;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.5);}
-        .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%;}
+        .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%;}
         .dialog-title {width: 3.7rem;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
         .title-icon-left, .title-icon-right {width: .9rem;height: .2rem;}
         .title-icon-left {background: url('./img/mobile/dialog_title1.png') no-repeat;background-size: 100% 100%;}
@@ -303,28 +303,16 @@ var action = {
     switchDialog: function(dom, isShow) {
         if (isShow) {
             $(dom).show();
-            $('body').css({
+            $('body, .home, .vote').css({
                 height: '100vh',
                 overflow: 'hidden'
             });
-            if (dom.search('vote') !== -1) {
-                $('.vote').css({
-                    height: '100vh',
-                    overflow: 'hidden'
-                });
-            }
         } else {
             $(dom).hide();
-            $('body').css({
-                'min-height': '100%',
+            $('body, .home, .vote').css({
+                'min-height': '100vh',
                 overflow: 'auto'
             });
-            if (dom.search('vote') !== -1) {
-                $('.vote').css({
-                    'min-height': '100vh',
-                    overflow: 'scroll'
-                });
-            }
         }
     },
     // toast提示