deming/components/shop/seckill/index.vue

<template>
    <view class="seckill">
        <view class="top">
            <view class="title">
                <view class="name">全部秒杀</view>
                <view class="time">
                    <text class="num">{{ time.littleHour }}</text>
                    <text class="mah">:</text>
                    <text class="num">00</text>
                    <text class="mah">:</text>
                    <text class="num">00</text>
					<text>-</text>
					<text class="num">{{ time.bigHour }}</text>
                    <text class="mah">:</text>
                    <text class="num">00</text>
                    <text class="mah">:</text>
                    <text class="num">00</text>
                </view>
            </view>
            <view class="next" @click="viewMore">
                查看更多>
            </view>
        </view>
        <view class="list">
            <sitem v-for="(item, index) in list.slice(0, 3)" :key="index" :item="item"></sitem>
        </view>
    </view>
</template>
<script>
import sitem from "./item"
export default {
    name:"seckill",
    components:{
        sitem
	},
	props: ['list', 'time'],
	methods: {
		viewMore() {
			this.$u.route({
				url: '/pageC/spike/index',
			})
		},
	}
}
</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: 20rpx;
                display: flex;
                align-items: center;
                font-size: 20rpx;
                .num{
					box-sizing: content-box;
                    width: 25rpx;
                    height: 25rpx;
                    background-color: #bfbfbf;
                    margin: 0 10rpx;
					padding: 2rpx;
                }
            }
        }
        .next{
            font-size: 18rpx;
            color: #999;
        }
    }
    .list{
        display: flex;
        justify-content: space-between;
    }
}
</style>