import React from 'react';
import './index.less';
import Page from '@src/containers/Page';
import Money from '../../../components/Money';
import Button from '../../../components/Button';
import { SpecialRadioGroup } from '../../../components/Radio';

export default class extends Page {
  init() {}

  renderView() {
    return (
      <div>
        <div className="b-g" style={{ backgroundImage: 'url(/assets/p_bg.png)' }}>
          <div className="title">OG20整合刷题-语法SC</div>
        </div>
        <div className="detail">
          <div className="title">可选套餐</div>
          <SpecialRadioGroup list={[{ key: '1', label: 1 }, { key: '2', label: 2 }]} value="1" onChange={() => {}} />
          <div className="division" />
          <div className="title">服务介绍</div>
        </div>
        <div className="fixed">
          <div className="fee">
            总额: <Money value="1200" size="lager" />
          </div>
          <Button width={110} className="f-r" radius>
            立即购买
          </Button>
        </div>
      </div>
    );
  }
}