index.js 1.36 KB
Newer Older
zhanghaozhe committed
1 2
import React, { Component } from "react"
import "./index.scss"
xuzhenghua committed
3 4 5

class BlessingPrehead extends Component {
  constructor(props) {
zhanghaozhe committed
6
    super(props)
xuzhenghua committed
7 8
    this.state = {
      rules: [
zhanghaozhe committed
9 10 11 12 13 14
        "•	抽奖的次数可通过积福气获得,福气值越高,抽奖的次数越多;",
        "•	本次抽奖形式为开奖制,下一时段开启抽奖前会公布上一次中奖结果及名单,可关注“七月在线”服务号及时获取中奖结果,提醒参与下次抽奖;",
        "•	每个时段仅可使用一次抽奖机会,每日抽奖次数限当日用,抽奖次数不累加至次日;",
        "•	中奖后请及时填写邮寄信息,不填写视为主动放弃奖品;",
        "•	解释权归北京七月在线所有。",
      ],
xuzhenghua committed
15 16 17 18
    }
  }

  render() {
zhanghaozhe committed
19 20
    const { rules } = this.state
    const { handleToHide } = this.props
xuzhenghua committed
21 22 23 24 25 26
    return (
      <div className="rule-popup__container">
        <div className="rule-popup">
          <h2 className="rule-popup__title">活动规则</h2>
          <ul className="rule-popup__list">
            {rules.map((item, index) => (
zhanghaozhe committed
27 28 29
              <li className="rule-popup__item" key={index}>
                {item}
              </li>
xuzhenghua committed
30 31 32 33 34
            ))}
          </ul>
        </div>
        <i className="iconfont iconiconfront-2" onClick={handleToHide}></i>
      </div>
zhanghaozhe committed
35
    )
xuzhenghua committed
36 37 38
  }
}

zhanghaozhe committed
39
export default BlessingPrehead