import React from 'react';
import './index.less';
import { Tabs } from 'antd-mobile';
import Page from '@src/containers/Page';
import Money from '../../../components/Money';
import Button from '../../../components/Button';

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="tip">访问WWW.XXXXX，试听该课程</div>
        <div className="detail">
          <Tabs
            tabs={[
              { title: '资料介绍', key: 'd' },
              { title: '作者介绍', key: 'a' },
              { title: '获取方式', key: 'h' },
              { title: 'FAQs', key: 'f' },
              { title: '用户评价', key: 'u' },
            ]}
          />
        </div>
        <div className="fixed">
          <div className="fee">
            总额: <Money value="1200" size="lager" />
          </div>
          <Button width={110} className="f-r" radius>
            立即购买
          </Button>
        </div>
      </div>
    );
  }
}