当日剩余次数增加

src/components/blessingPreheat/formal-draw/index.js

@@ -184,7 +184,16 @@ class FormalDraw extends Component {
               {
                 list.map((listItem, index) => {
                   return (
-                    <div className="content" key={index}>
+                    <div className={`content ${today === userValue.today ? 'current':''}`} key={index}>
+                      {
+                        (isLogin && (today === userValue.today))
+                          ?
+                          <div className="prize_number_con">
+                            当日剩余抽奖次数：
+                            <span className={'prize__number'}>{userValue.surplus}次</span>
+                          </div>
+                          : ""
+                      }
                       <div className="title">
                         <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/title-decorate-left.png"
                              alt=""/>
@@ -199,6 +208,7 @@ class FormalDraw extends Component {
                           src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/title-decorate-right.png"
                           alt=""/>
                       </div>
+
                       {
                         isLogin ?
                           <div className="progress-bar">
@@ -231,7 +241,7 @@ class FormalDraw extends Component {
                               case 3:
                                 statusContent = (
                                   <>
-                                    <div>参与抽奖</div>
+                                    <div>立即抽奖</div>
                                     <div>{item.num}人正在参与</div>
                                   </>
                                 )

src/components/blessingPreheat/formal-draw/index.scss

@@ -85,6 +85,7 @@
 
 
     .content {
+        position: relative;
         .title {
             display: flex;
             justify-content: center;
@@ -126,6 +127,26 @@
             }
 
         }
+
+        .prize_number_con {
+            width:280px;
+            height:30px;
+            background:rgba(255,255,255,1);
+            border-radius:15px;
+            font-size:14px;
+            font-weight:400;
+            color:rgba(83,39,250,1);
+            text-align: center;
+            text-align-last: center;
+            line-height: 30px;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 18px;
+        }
+    }
+    .current {
+        padding-top: 50px;
     }
 
     .progress-bar {