71 lines
1.7 KiB
Vue
71 lines
1.7 KiB
Vue
|
<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>
|