<template>
    <view class="seckill">
        <view class="top">
            <view class="title">
                <view class="name">全部秒杀</view>
                <view class="time">
                    <text class="num">12</text>
                    <text class="mah">:</text>
                    <text class="num">12</text>
                    <text class="mah">:</text>
                    <text class="num">12</text>
                </view>
            </view>
            <view class="next">
                查看更多>
            </view>
        </view>
        <view class="list">
            <sitem></sitem>
            <sitem></sitem>
            <sitem></sitem>
        </view>
    </view>
</template>
<script>
import sitem from "./item"
export default {
    name:"seckill",
    components:{
        sitem
    }
}
</script>
<style lang="scss" scoped>
.seckill{
    .top{
        height: 60rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .title{
            display: flex;
            align-items: center;
            .name{
                font-size: 30rpx;
                color: #333;
            }
            .time{
                margin-left: 39rpx;
                display: flex;
                align-items: center;
                font-size: 20rpx;
                .num{
                    width: 25rpx;
                    height: 25rpx;
                    background-color: #bfbfbf;
                    margin: 0 10rpx;
                }
            }
        }
        .next{
            font-size: 18rpx;
            color: #999;
        }
    }
    .list{
        display: flex;
        justify-content: space-between;
    }
}
</style>