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.
99 lines
2.5 KiB
99 lines
2.5 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> |
|
<view class="acea-row-nowrap row-middle"> |
|
<view class="attr" v-if="cart.productInfo.attrInfo">{{ cart.productInfo.attrInfo.sku }}</view> |
|
<view class="num">x {{ cart.cartNum }}</view> |
|
</view> |
|
<view class="money"><text class="sm-word">￥</text>{{ cart.productInfo.price }}<text class="sm-word" v-if="cart.productInfo.giveIntegral > 0">+{{ 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{ |
|
width: auto; |
|
margin-right: 12rpx; |
|
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; |
|
margin-top: 38rpx; |
|
} |
|
.sm-word{ |
|
font-size: 24rpx; |
|
} |
|
.evaluate{ |
|
font-size: 26rpx; |
|
line-height: 46rpx; |
|
text-align: center; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
</style>
|
|
|