活动结束

src/components/blessingGetPrize/index.js

@@ -19,7 +19,7 @@ class BlessingGetPrize extends Component {
       date: '',
       next_date: '',
       name: '',
-      is_winning: 1, //是否中奖
+      is_winning: 0, //是否中奖
       is_virtual: 1, // 实物奖品 虚拟奖品
       prize_data: [],
       address: false,
@@ -88,36 +88,49 @@ class BlessingGetPrize extends Component {
             }
           </div>
         </div>
-        <div className='current_stage'>
-          {next_date}
-        </div>
-        <ListHeader text="抽奖已开启" styles={{margin: '16px 0 18px'}}/>
-
-        <div className='prize_list_container'>
-            {
-              prize_data.length > 0 && prize_data.map((item, index) => {
-                return (<div className='prize__item' key={index}>
-                  <img className='prize__image' src={item.img}></img>
-                  <div className='name__num'>
-                    <span>{item.name}</span>
-                    <span>（{`*${item.num}`}）</span>
-                  </div>
-                </div>)
-              })
-            }
-        </div>
-
-        <a href='/blessingPreheat' className='join__button'>
-          立即参与抽奖
-        </a>
+        
+        { 
+          prize_data && prize_data.length > 0 && <>
+          <div className='current_stage'>
+            {next_date}
+          </div>
+          <ListHeader text="抽奖已开启" styles={{margin: '16px 0 18px'}}/>
 
-        <div className='prize__tip'>
-          <div className='line'></div>
-          <span>中奖小tips</span>
-          <div className='line'></div>
-        </div>
-        <div className='blessing__des'>积攒的福气值越高，中奖概率越大哦</div>
-        <a className='to__preheat' href='/invite'>积攒更多福气值</a>
+          <div className='prize_list_container'>
+              {
+                prize_data.length > 0 && prize_data.map((item, index) => {
+                  return (<div className='prize__item' key={index}>
+                    <img className='prize__image' src={item.img}></img>
+                    <div className='name__num'>
+                      <span>{item.name}</span>
+                      <span>（{`*${item.num}`}）</span>
+                    </div>
+                  </div>)
+                })
+              }
+          </div>
+  
+          <a href='/blessingPreheat' className='join__button'>
+            立即参与抽奖
+          </a>
+  
+          <div className='prize__tip'>
+            <div className='line'></div>
+            <span>中奖小tips</span>
+            <div className='line'></div>
+          </div>
+          <div className='blessing__des'>积攒的福气值越高，中奖概率越大哦</div>
+          <a className='to__preheat' href='/invite'>积攒更多福气值</a>
+          </>
+        }
+        {
+          (!prize_data || prize_data.length === 0) && (
+            <div className="active_over_container">
+              <img src='https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/acitve__over.png' alt=''/>
+              <p>七月在线双十一抽奖活动已结束， 感谢你的参与！</p>
+            </div>
+          )
+        }
       </div>
     )
   }

src/components/blessingGetPrize/index.scss

@@ -192,6 +192,29 @@
     color:rgba(255,255,255, .6);
     text-align: center;
   }
+
+  .active_over_container {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 70px;
+    img {
+      width: 170px;
+      height: 134px;
+    }
+    p {
+      width:238px;
+      height:39px;
+      font-size:16px;
+      font-weight:400;
+      color:rgba(255,255,255,1);
+      line-height:24px;
+      text-align: center;
+      text-align-last: center;
+      margin-top: 20px;
+    }
+  }
 }
 
 .address__prize {