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.
77 lines
1.5 KiB
77 lines
1.5 KiB
3 years ago
|
<!--
|
||
|
|
* @Author: ch
|
||
|
|
* @Date: 2022-03-31 14:49:33
|
||
|
|
* @LastEditors: ch
|
||
|
|
* @LastEditTime: 2022-03-31 20:26:25
|
||
|
|
* @Description: file content
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<view class="uiGoods">
|
||
|
|
<image class="uiGoods--image" mode="widthFix" :src="data.productImageUrl" />
|
||
|
|
<view >
|
||
|
|
<view class="uiGoods--con">
|
||
|
|
<text class="uiGoods--title">{{data.productName}}</text>
|
||
|
|
<text class="uiGoods--pirce">￥{{data.realAmount}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="uiGoods--desc">
|
||
|
|
<text>{{data.skuDescribe}}</text>
|
||
|
|
<text class="uiGoods--num">x{{data.quantity}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props : {
|
||
|
|
data : {
|
||
|
|
type : Object,
|
||
|
|
default : {}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.uiGoods{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 30rpx;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
&--image{
|
||
|
|
width: 180rpx;
|
||
|
|
height: 180rpx;
|
||
|
|
margin-right: 30rpx;
|
||
|
|
}
|
||
|
|
&--con{
|
||
|
|
width: 510rpx;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #333;
|
||
|
|
line-height: 39rpx;
|
||
|
|
}
|
||
|
|
&--title{
|
||
|
|
overflow:hidden;
|
||
|
|
text-overflow:ellipsis;
|
||
|
|
display:-webkit-box;
|
||
|
|
-webkit-box-orient:vertical;
|
||
|
|
-webkit-line-clamp:2;
|
||
|
|
}
|
||
|
|
&--pirce{
|
||
|
|
font-size: 22rpx;
|
||
|
|
margin-left: 60rpx;
|
||
|
|
}
|
||
|
|
&--desc{
|
||
|
|
width: 510rpx;
|
||
|
|
font-size: 24rpx;
|
||
|
|
color: #999;
|
||
|
|
margin-top: 20rpx;
|
||
|
|
line-height: 39rpx;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
&--num{
|
||
|
|
font-size: 28rpx;
|
||
|
|
margin-left: 60rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|