You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
2.4 KiB
109 lines
2.4 KiB
<template>
|
|
<view>
|
|
<uni-nav-bar left-icon="left" title="Flash Sale" color="#000000" rightIcon="info" @clickLeft="back" @clickRight="isDelete=!isDelete" :border="false"/>
|
|
<view class="body">
|
|
<view class="countDown">
|
|
<text>Ends in</text>
|
|
<uni-countdown :showDay="false" :hour="23" :minute="0" :second="0" color="#FFFFFF" background-color="#1B1B1B" class="countDown_assembly" />
|
|
</view>
|
|
<view class="tips">
|
|
Chic selects commodities from time to time to carry
|
|
out special price activities.
|
|
</view>
|
|
<view class="tips1">The quantity of special price commodities is limited and will be sold out</view>
|
|
<view class="recommend">
|
|
<view class="recommend_content">
|
|
<view class="recommend_content_item" v-for="(item,index) in 2 " :key="index">
|
|
<view class="recommend_content_item_image"></view>
|
|
<text>Adidas Yeezy Boost 350 DazzlingBlue Black</text>
|
|
<view class="recommend_item_operation">
|
|
<view>
|
|
<view class="recommend_content_item_pric">US$314.00</view>
|
|
<view class="recommend_content_item_pric1">US$314.00</view>
|
|
</view>
|
|
<image src="../../static/img/add.png" mode=""></image>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods:{
|
|
back(){
|
|
uni.navigateBack()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.uni-navbar{
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
}
|
|
.body{
|
|
border-top: 13.33rpx #F7F7F7 solid;
|
|
padding:0 26rpx;
|
|
padding-top: 34rpx;
|
|
}
|
|
.recommend{
|
|
padding: 0;
|
|
|
|
.recommend_item_operation{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-top: 10rpx;
|
|
.recommend_content_item_pric{
|
|
color: #B22234;
|
|
font-weight: 600;
|
|
font-size: 32rpx;
|
|
margin-top: 0;
|
|
}
|
|
.recommend_content_item_pric1{
|
|
font-size: 24rpx;
|
|
color: #666666;
|
|
text-decoration: line-through;
|
|
}
|
|
image{
|
|
width: 58.67rpx;
|
|
height: 58.67rpx;
|
|
}
|
|
}
|
|
}
|
|
.countDown{
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 41.33rpx;
|
|
justify-content: center;
|
|
margin-bottom: 34rpx;
|
|
|
|
.countDown_assembly{
|
|
margin-left: 12.67rpx;
|
|
}
|
|
|
|
}
|
|
.tips{
|
|
width: 572.67rpx;
|
|
margin: 0 auto;
|
|
font-size: 24rpx;
|
|
margin-bottom: 14rpx;
|
|
text-align: center;
|
|
}
|
|
.tips1{
|
|
font-size: 20rpx;
|
|
color: #666666;
|
|
margin-bottom: 30rpx;
|
|
text-align: center;
|
|
}
|
|
</style>
|