activity style

resources/views/pay/activity/huaweiLottery.blade.php

@@ -161,7 +161,16 @@
             width: 0.4rem;
             color: white;
         }
-
+        .index .zz .quantity {
+            position: absolute;
+            top: 38%;
+            left: 50%;
+            -webkit-transform: translate(-50%);
+            transform: translate(-50%);
+            width: 45%;
+            color: white;
+            text-align: center;
+        }
         .index .button {
             font-size: 0.25rem;
             color: #9b1800;
@@ -394,7 +403,10 @@
         </div>
         <div class="zz">
             <img src="https://cdn-novel.iycdm.com/h5/activity-2019-05-30/point.png" />
-            <span id="left_count">剩余{{$count<=9? $count.' ':$count}}次</span>
+            <div class="quantity">
+                <div>剩余</div>
+                <div id="left_count">{{$count}}次</div>
+            </div>
         </div>
         <div class="button">
             <img src="https://cdn-novel.iycdm.com/h5/activity-2019-05-30/button.png" />
@@ -593,7 +605,7 @@
                             //旋转完毕后弹窗
                             console.log('over');
                             count--;
-                            $('#left_count').html('剩余'+count+'次');
+                            $('#left_count').html(count+'次');
                             if(count<=0){
                                 $('#lottery_button').html('充值后才可抽奖');
                             }