[年会抽奖]修改细节

zouyang0921
1 parent f56ad8f9
Showing 3 changed files with 9 additions and 6 deletions
lottery.js
mobile.html
mobile.js
@@ -53,7 +53,7 @@ let action = {
     getPrizeList: function() {
         let url = '/apicp.PrizeList.php';
         let callback = function(res) {
-            action.prizeList = res.data;
+            action.prizeList = res.data.reverse();
             let html = template('prizeTmpl', {
                 list: action.prizeList
             });
@@ -62,8 +62,8 @@
         .pic-img-wrap {position: relative;width: 4.78rem;height: 4.78rem;margin: .5rem auto 0;box-sizing: border-box;padding: .96rem .92rem .98rem 1.02rem;}
         .pic-img-bg {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: url('./img/mobile/pic_avatar_bg.png') no-repeat;background-size: 100% 100%;}
         .pic-avatar {width: 2.84rem;height: 2.84rem;border-radius: 50%;}
-        .pic-btn-wrap {position: absolute;bottom: 1.2rem;left: 50%;transform: translateX(-50%);width: 6.82rem;}
-        .pic-btn-album {width: 3rem;margin: .3rem auto 0; display: flex;align-items: center;justify-content: center;}
+        .pic-btn-wrap {position: absolute;bottom: 1.2rem;left: 50%;transform: translateX(-50%);width: 6.82rem;padding-bottom: .72rem;}
+        .pic-btn-album {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 3rem;display: flex;align-items: center;justify-content: center;}
         .pic-btn-album .album-text {font-size: .28rem;color: #fff;margin-right: .1rem;}
         .pic-btn-album .pic-arrow {width: .32rem;height: .32rem;background: url('./img/mobile/pic_arrow.png') no-repeat;background-size: contain;}
@@ -135,7 +135,7 @@
 </head>
 <body>
     <!--签到-->
-    <div class="sign-in wrap" id="signIn">
+    <div class="sign-in wrap hide" id="signIn">
         <div class="sign-in-title"></div>
         <input class="sign-input" type="text" placeholder="请输入你的姓名" maxlength="15" onblur="action.resetPosition()">
         <div class="common-btn">
@@ -153,7 +153,7 @@
             <div class="pic-img-bg"></div>
             <input type="hidden" class="data-img" />
         </div>
-        <div class="pic-btn-wrap" id="upload_unavailable">
+        <div class="pic-btn-wrap hide" id="upload_unavailable">
             <!-- 自拍出境 -->
             <div class="common-btn">
                 <img class="common-btn-bg" src="./img/mobile/pic_btn1.png">
@@ -164,7 +164,7 @@
                 <i class="pic-arrow"></i>
             </div>
         </div>
-        <div class="pic-btn-wrap hide" id="upload_available">
+        <div class="pic-btn-wrap" id="upload_available">
             <!-- 完美提交 -->
             <div class="common-btn">
                 <img class="common-btn-bg" src="./img/mobile/pic_btn2.png">
@@ -23,6 +23,8 @@ var action = {
             } else {
                 this.goPic();
             }
+        } else {
+            this.goSignIn();
         }
     },
     // 签到
@@ -279,6 +281,7 @@ var action = {
             if ($('.barrage-input').val() != '') {
                 socket.emit('barrage', $('.barrage-input').val());
                 $('.barrage-input').val('');
+                $('.send-btn').removeClass('active');
             }
         });
     },