88 lines
2.2 KiB
Vue
88 lines
2.2 KiB
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{
|
|
background-color: #fff;
|
|
padding: 30rpx;
|
|
margin-bottom: 20rpx;
|
|
.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> |