<template>
    <view class="flex justify-between px-12 mt-21">
        <view class="w-170 h-265 relative px-11 rounded-8 overflow-hidden">
            <image class="w-all h-all absolute top-0 left-0 bg-white zi-1" src="/static/images/home/zbgc_bg@2x.png">
            </image>
            <view class="flex justify-between items-center h-20 relative zi-2 mt-13">
                <image class="w-64 h-15" src="/static/images/home/live_square_title@2x.png"></image>
                <view class="fs-12 fw-400 text-666666 flex items-center">
                    全部 <image class="w-12 h-12" src="/static/images/home/zbgc_arrow_right_icon12.svg"></image>
                </view>

            </view>
            <HomePlay :swiperList="swiperPlayList" :current="swiperCurrent"
                @change="swiperCurrent = $event" />
        </view>
        <view class="w-171 h-265 flex flex-column justify-between">
            <view class="w-all h-128 bg-white relative p-11 rounded-8 overflow-hidden">
                <image class="w-all h-all absolute top-0 left-0 zi-1" src="/static/images/home/sdyhzq_bg@2x.png">
                </image>
                <view class="relative zi-2">
                    <image class="w-95 h-18 " src="/static/images/home/sdyhzq_title@2x.png"></image>
                    <HomeDiscount  :swiperList="swiperPlayList"  />
                </view>
            </view>
            <view class="w-all h-128 bg-white relative p-11 rounded-8 overflow-hidden">
                <image class="w-all h-all absolute top-0 left-0 " src="/static/images/home/jrrm_bg@2x.png"></image>
                <view class="relative zi-2">
                    <image class="w-64 h-18 " src="/static/images/home/jrrm_title@2x.png"></image>
                    <HomeHot :swiperList="swiperPlayList"/>
                </view>
            </view>
        </view>
    </view>

</template>
<script>
import HomePlay from './home-play.vue';
import HomeDiscount from './home-discount.vue'
import HomeHot from './home-hot.vue'
export default {
    components: {
        HomePlay,
        HomeDiscount,
        HomeHot,
    },
    props: {

    },
    data() {
        return {
            swiperCurrent: 0,
            swiperPlayList: [
                {
                    name: '1',
                },
                {
                    name: '2',
                },
                {
                    name: '3',
                },
            ],
        }
    },
}
</script>