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.
182 lines
3.8 KiB
182 lines
3.8 KiB
<template>
|
|
<view class="">
|
|
<view class="head" v-for="(item,index) in 2" :key="index">
|
|
<view class="head-div">
|
|
<view class="df">
|
|
<image :src="$util.img('public/uniapp/member/login.png')"></image>
|
|
<view class="df fdc jcsb">
|
|
<view class="name">
|
|
路易拉菲 法国 原瓶进口红酒原瓶进口红酒进口红酒
|
|
</view>
|
|
<view class="df aic jcsb candi">
|
|
<view class="df">
|
|
<view class="candi">
|
|
产地：山东
|
|
</view>
|
|
<view class="candiguige">
|
|
规格：0.5kg/袋
|
|
</view>
|
|
</view>
|
|
<view class="canditime">
|
|
×3
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="daipingjia df aic jcsb">
|
|
<view class="dengdai">
|
|
待评价
|
|
</view>
|
|
<view class="df">
|
|
<view class="time">
|
|
共三件
|
|
</view>
|
|
<view class="df">
|
|
<view class="heji">
|
|
合计：
|
|
</view>
|
|
<view class="jiage">
|
|
￥6688.88
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="btn df aic jcf">
|
|
<view class="btnone aic jcsa df">
|
|
申请售后
|
|
</view>
|
|
<view class="btntwo aic jcsa df">
|
|
申请开票
|
|
</view>
|
|
<view class="btnsui aic jcsa df">
|
|
立即评价
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.head{
|
|
padding: 4rpx 24rpx;
|
|
.head-div{
|
|
width: 702rpx;
|
|
height: 400rpx;
|
|
background: #FFFFFF;
|
|
margin-top: 24rpx;
|
|
border-radius: 24rpx;
|
|
padding: 32rpx;
|
|
box-sizing: border-box;
|
|
image{
|
|
width: 176rpx;
|
|
height: 176rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
.name{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-left: 24rpx;
|
|
}
|
|
.candi{
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
margin-left: 24rpx;
|
|
.candiguige{
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
|
|
}
|
|
.canditime{
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
}
|
|
.daipingjia{
|
|
margin-top: 36rpx;
|
|
.dengdai{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 36rpx;
|
|
}
|
|
.time{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 40rpx;
|
|
margin-right: 10rpx;
|
|
}
|
|
.heji{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
.jiage{
|
|
font-size: 24rpx;
|
|
font-family: DINAlternate-Bold, DINAlternate;
|
|
font-weight: bold;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
.btn{
|
|
margin-top: 24rpx;
|
|
.btnone{
|
|
width: 176rpx;
|
|
height: 60rpx;
|
|
border-radius: 30rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 34rpx;
|
|
}
|
|
.btntwo{
|
|
width: 176rpx;
|
|
height: 60rpx;
|
|
border-radius: 30rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 34rpx;
|
|
margin: 0 24rpx;
|
|
}
|
|
.btnsui{
|
|
width: 176rpx;
|
|
height: 60rpx;
|
|
background: #21BBF3;
|
|
border-radius: 30rpx;
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
line-height: 34rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|