Merge branch 'formal-draw' into 11-11-formal

src/components/activity/prize-winner-list/index.scss

 #prize-winner-list {
-    height: 100%;
     background: #5327fa;
+    padding-bottom: 10px;
 
     .banner {
         width: 100%;
@@ -31,7 +31,6 @@
 
     ul {
         width: 355px;
-        height: 316px;
         margin: 0 auto;
         background: rgba(57, 0, 201, 1);
         border: 1px solid rgba(89, 112, 255, 1);

src/components/blessingPreheat/index.scss

@@ -2,100 +2,28 @@
     background: #5327FA;
 }
 
-.timeline-share{
-    height: 215px;
-    padding-bottom: 30px;
-    .title{
-        margin-bottom: 20px;
-    }
-    .content{
-        text-align: center;
-        .qr-code{
-            width: 120px;
-            height: 120px;
-        }
-    }
-}
-
 .test__record {
     width: 106px;
     height: 26px;
-    border:1px solid rgba(255,246,4,1);
-    border-radius:13px;
-    font-size:14px;
-    font-weight:400;
-    color:rgba(255,246,4,1);
+    border: 1px solid rgba(255, 246, 4, 1);
+    border-radius: 13px;
+    font-size: 14px;
+    font-weight: 400;
+    color: rgba(255, 246, 4, 1);
     margin: 10px auto 14px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
+
 .sort__rules {
-    font-size:12px;
-    font-weight:400;
-    color:rgba(255,255,255,1);
+    font-size: 12px;
+    font-weight: 400;
+    color: rgba(255, 255, 255, 1);
     text-align: center;
     text-align-last: center;
 }
 
-.join-lottery {
-    background: #5327FA;
-    text-align: center;
-
-    .title {
-        color: #fff;
-        margin-bottom: 15px;
-    }
-
-    .text {
-        width: 275px;
-        height: 248px;
-        padding: 36px 30px 0;
-        margin-bottom: 10px;
-        text-align: center;
-        background: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/join-lottery-bg.png");
-        background-size: contain;
-        font-size: 14px;
-
-        .code {
-            color: #FF0000;
-            margin-bottom: 8px;
-        }
-
-        .time, .hint {
-            font-size: 12px;
-            color: #525C65;
-        }
-
-        .time {
-            margin-bottom: 20px;
-        }
-
-        .hint{
-            color: rgba(82, 92, 101, .8);
-            margin-bottom: 10px;
-            text-align: left;
-        }
-
-        .qr-code {
-            width: 90px;
-            height: 90px;
-        }
-    }
-
-    button {
-        width: 133px;
-        height: 30px;
-        background: #fff;
-        border-radius: 15px;
-        font-size: 14px;
-        color: #5327FA;
-        -webkit-appearance: none;
-        outline: none;
-        border: none;
-    }
-}
-
 .invite-popup {
     .content {
         display: flex;
@@ -131,7 +59,7 @@
     text-align: center;
 }
 
-.luck-draw__button {
+.luck-draw__button, .prize-record {
     display: block;
     width: 106px;
     height: 26px;
@@ -149,3 +77,158 @@
     outline: none;
 }
 
+.formal-draw-btns {
+    display: flex;
+    justify-content: center;
+    margin: 15px 0;
+
+    button {
+        margin: 0;
+    }
+
+    & button:first-child {
+        margin-right: 27px;
+    }
+}
+
+.prize-record-popup {
+
+    .title {
+        margin-bottom: 11px;
+    }
+
+    .record-container {
+        width: 250px;
+
+        .list-title {
+            display: flex;
+            border-radius: 2px 2px 0 0;
+
+            div {
+                width: 50%;
+                height: 33px;
+                line-height: 33px;
+                background: #edeeef;
+                text-align: center;
+                font-size: 12px;
+                color: #525C65;
+            }
+
+        }
+
+        ul {
+            border: 1px solid #CFDBE5;
+            border-bottom: 0;
+
+            li {
+                border-bottom: 1px solid #CFDBE5;
+                display: flex;
+                height: 33px;
+                line-height: 33px;
+                font-size: 12px;
+
+                & > div {
+                    width: 50%;
+                    text-align: center;
+                }
+
+                .time {
+                    color: #525C65;
+                }
+
+                .name {
+                    color: #09f;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    text-decoration: underline;
+                }
+            }
+        }
+    }
+
+}
+
+
+.address-mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, .6);
+    z-index: 100;
+
+    .address-popup {
+        position: absolute;
+        top: 179px;
+        left: 50%;
+        margin-left: -150px;
+        width: 300px;
+        height: 309px;
+        padding: 18px 25px;
+        background: #fff;
+        border-radius: 5px;
+        font-size: 12px;
+
+        .address-info-container {
+            position: relative;
+            padding-bottom: 24px;
+            text-align: center;
+        }
+
+
+        .title {
+            font-size: 16px;
+            color: #525C65;
+            text-align: center;
+            margin-bottom: 11px;
+        }
+
+        .tip {
+            color: #999;
+            margin-bottom: 15px;
+        }
+
+        input {
+            width: 250px;
+            height: 40px;
+            border: 1px solid rgba(221, 221, 221, 1);
+            -webkit-appearance: none;
+            outline: none;
+            margin-bottom: 10px;
+            padding-left: 10px;
+
+            &::placeholder {
+                color: #999;
+            }
+        }
+
+        button {
+            width: 141px;
+            height: 33px;
+            margin-top: 13px;
+            text-align: center;
+            line-height: 33px;
+            background: #ccced0;
+            color: #fff;
+            -webkit-appearance: none;
+            outline: none;
+            border: none;
+            border-radius: 16px;
+            font-size: 15px;
+
+            &.active{
+                background: #09f;
+            }
+        }
+    }
+    .iconfont{
+        position: absolute;
+        bottom: -50px;
+        left: 50%;
+        transform: translateX(-50%);
+        font-size: 33px;
+        color: #fff;
+    }
+}