import Taro, {Component} from '@tarojs/taro';
import { Swiper, SwiperItem, Image } from '@tarojs/components';
import {getImgUrl} from '../../utils';
import './index.scss';
import router from '../../router/index';

export default class Focus extends Component {
    constructor(props) {
        super(props);

        this.state = {};
    }

    static defaultProps = {
        floor: []
    }

    componentWillMount() {}

    componentDidMount() {

    }

    componentWillUnmount() {}

    componentDidShow() {

    }

    componentDidHide() {}

    goToResource(item) {
      router.goUrl(item.url);
    }

    render() {
        let {floor} = this.props;

        return (
        <View className='swiper-bg'>  
            <Swiper
                className='index-swiper'
            >
                {
                    floor.map((item, index) => {
                        return (
                            <SwiperItem key={index}>
                              <Image onClick={this.goToResource.bind(this, item)} src={getImgUrl(item.src, 670, 280)} mode="aspectFill" />
                            </SwiperItem>
                        )
                    })
                }
            </Swiper>

        </View>
        )
    }
}