rule in my treasure

src/components/activity/newyear-2019/myTreasure/index.js

@@ -248,7 +248,9 @@ class MyTreasure extends Component {
     http.get(`${API.home}/sys/treasure/my`).then(res => {
       const { code, data } = res.data;
       if (code === 200) {
-        this.rule = data.rule;
+        this.setState({
+          rule: data.rule
+        });
         if (Array.isArray(data.team) && data.team.length > 0) {
           this.initNoSplitInfo(data.team);
           this.judgeIsHaveId(data.team);
@@ -263,10 +265,6 @@ class MyTreasure extends Component {
             isEmpty: true,
           });
         }
-      } else if (code === 4030 || code === 4040) {
-        this.setState({
-          isEmpty: true,
-        });
       }
     });
   }
@@ -402,6 +400,7 @@ class MyTreasure extends Component {
       isCreate,
       createInfo,
       prizeName,
+      rule,
     } = this.state;
     return (
       <div data-skip="treasure">
@@ -530,6 +529,12 @@ class MyTreasure extends Component {
             </Mask>
           </div>
         }
+        <div className="activity-rule__header">
+          <i className="activity-rule__decorate"></i>
+          <h2 className="activity-rule__title">活动规则</h2>
+          <i className="activity-rule__decorate"></i>
+        </div>
+        <div className="activity-rule__body" dangerouslySetInnerHTML={{__html: rule}}></div>
       </div>
     )
   }

src/components/activity/newyear-2019/myTreasure/index.scss

@@ -47,6 +47,39 @@
     color: #090909;
     background-color: #FFE319;
   }
+
+  .activity-rule__header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 49px 0 0;
+  }
+
+  .activity-rule__title {
+    margin: 0 16px;
+    font-size: 18px;
+    color: #FFE300;
+    line-height: 1;
+  }
+
+  .activity-rule__decorate {
+    display: inline-block;
+    width: 11px;
+    height: 12px;
+    background-size: cover;
+    background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/PC/icon-decorate-0.png');
+  }
+
+  .activity-rule__body {
+    margin: 13px 0 0;
+    padding: 0 21px 40px;
+
+    p {
+      font-size: 12px;
+      color: #FFE300;
+      line-height: 18px;
+    }
+  }
 }
 
 // 所有弹窗