75 lines
2.5 KiB
Vue
75 lines
2.5 KiB
Vue
<template>
|
||
<view class="box">
|
||
<view class="item">
|
||
<view class="time">2020-05-14 20:22</view>
|
||
<view class="info">
|
||
<image class="img"></image>
|
||
<view class="title u-line-2">潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名照</view>
|
||
<view class="next">
|
||
<text>查看详情</text>
|
||
<image class="right" src="@/static/image/user/1.png"></image>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<style lang="scss" scoped>
|
||
.box{
|
||
min-height: 100vh;
|
||
background-color: #EAEAEA;
|
||
.item{
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
.time{
|
||
font-size: 28rpx;
|
||
color: #666;
|
||
padding: 30rpx 0;
|
||
}
|
||
.info{
|
||
width: 690rpx;
|
||
// height: 489rpx;
|
||
border-radius: 20rpx;
|
||
overflow: hidden;
|
||
background-color: #fff;
|
||
.img{
|
||
width: 100%;
|
||
height: 280rpx;
|
||
}
|
||
.title{
|
||
height: 80rpx;
|
||
margin: 30rpx 25rpx;
|
||
font-size: 26rpx;
|
||
line-height: 40rpx;
|
||
}
|
||
.next{
|
||
display: flex;
|
||
height: 84rpx;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 0 25rpx;
|
||
border-top: 1rpx solid #ebebeb;
|
||
>text{
|
||
font-size: 26rpx;
|
||
color:#666;
|
||
}
|
||
>image{
|
||
width: 9rpx;
|
||
height: 17rpx;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
</style>
|
||
<script>
|
||
export default {
|
||
data(){
|
||
return {
|
||
|
||
}
|
||
}
|
||
}
|
||
</script> |