分享到朋友圈弹框

src/components/blessingPreheat/index.js

@@ -13,8 +13,9 @@ class BlessingPreheat extends Component {
     this.state = {
       isRule: false,
       isCourse: false,
-      inviteVisible: true,
-      joinLottery: true
+      inviteVisible: false,
+      joinLotteryVisible: false,
+      timelineShareVisible: true
     }
   }
 
@@ -55,7 +56,7 @@ class BlessingPreheat extends Component {
             <button>一键复制网址</button>
           </CopyToClipboard>
         </Popup>
-        <Popup visible={this.state.joinLottery}
+        <Popup visible={this.state.joinLotteryVisible}
                title={'你已成功参与本时段抽奖'}
                className={'join-lottery'}
         >
@@ -68,6 +69,12 @@ class BlessingPreheat extends Component {
 
           <button onClick={() => {this.setState({joinLottery: false})}}>知道了</button>
         </Popup>
+        <Popup title={'微信扫码分享到微信朋友圈'}
+               visible={this.state.timelineShareVisible}
+               className={'timeline-share'}
+        >
+          <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/tinypng-common/right_weixin.png" alt="" className="qr-code"/>
+        </Popup>
       </div>
     )
   }

src/components/blessingPreheat/index.scss

@@ -83,4 +83,19 @@
             border: none;
         }
     }
+
+    .timeline-share{
+        height: 215px;
+        padding-bottom: 30px;
+        .title{
+            margin-bottom: 20px;
+        }
+        .content{
+            text-align: center;
+            .qr-code{
+                width: 120px;
+                height: 120px;
+            }
+        }
+    }
 }