import React, { Component } from 'react';
import 'antd-mobile/dist/antd-mobile.less';
import styles from './index.less';
import router from 'umi/router';
import { Button } from 'antd-mobile';

import bg from './assets/bg.jpg'

class BannerAd extends Component {
    componentWillMount = () => {
        document.title = "宠爱星球大放价";
    };
    componentDidMount = () => {

    };
    onclick = ()=>{
        if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
            window.webkit.messageHandlers.joinActivity.postMessage({});
    	} else {
    		window.js.joinActivity();
    	}
    }
    render() {
        return (
            <div className={styles.body}>
                
                <div className={styles.index_container}>
                    <img src={bg}/>
                </div>
                <div className={styles.index_footer}>
                    
                    <button onClick={this.onclick}>参与调查领优惠券</button>  
                </div>
            </div>
        );
    }
}

export default BannerAd;