deming/components/shop/seckill/index.vue

85 lines
2.1 KiB
Vue
Raw Normal View History

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