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.
 
 
 
 

93 lines
2.3 KiB

<template>
<view class="orderGoods">
<view class="total">{{ cartInfo.length }}件商品</view>
<view class="goodWrapper">
<view class="item acea-row-nowrap" v-for="cart in cartInfo" :key="cart.id">
<view class="pictrue">
<image :src="cart.productInfo.image" class="image" />
</view>
<view class="text">
<view class="acea-row row-between-wrapper">
<view class="name line1">{{ cart.productInfo.storeName }}</view>
<view class="num">x {{ cart.cartNum }}</view>
</view>
<view class="attr line1" v-if="cart.productInfo.attrInfo">{{ cart.productInfo.attrInfo.sku }}</view>
<view class="money"><text class="sm-word">¥</text>{{ cart.productInfo.price }}<text class="sm-word">+{{ cart.productInfo.giveIntegral }}积分</text></view>
<!-- <view class="money font-color-red" v-if="isIntegral">{{ cart.costPrice }}积分</view>
<view class="money" v-else><text class="sm-word">¥</text>{{ cart.truePrice }}</view> -->
<view class="evaluate" v-if="evaluate == 3 && cart.isReply == 0" @click="routerGo(cart)">评价</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'OrderGoods',
props: {
evaluate: Number,
cartInfo: {
type: Array,
default: () => [],
},
isIntegral: Boolean,
},
data: function() {
return {}
},
mounted: function() {},
methods: {
routerGo(cart) {
this.$yrouter.push({
path: '/pagesB/pages/shop/GoodsEvaluate/index',
query: { id: cart.unique },
})
},
},
}
</script>
<style lang="less" scoped>
.orderGoods{
border-radius: 10rpx;
margin: 20rpx 0;
.goodWrapper{
.item{
height: auto;
padding: 30rpx 0;
.pictrue{
width: 170rpx;
height: 170rpx;
border-radius: 10rpx;
}
.attr{
color: #999;
font-size: 24rpx;
line-height: 34rpx;
}
.text{
width: auto;
margin-left: 30rpx;
.name{
width: 420rpx;
font-size: 28rpx;
color: #222;
line-height: 40rpx;
}
.money{
font-size: 38rpx;
color: #E5270F;
font-weight: 500;
}
.sm-word{
font-size: 24rpx;
}
.evaluate{
font-size: 26rpx;
line-height: 46rpx;
text-align: center;
}
}
}
}
}
</style>