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.

121 lines
3.6 KiB

<template>
<view class="mall_my_evaluate_list_cn">
<view class="" v-if="type == 1">
<view class="item margin-top-20 padding-lr-30 padding-top-30 padding-bottom-20 bg-ff"
v-for="(item,index) in list" :key="index">
<!-- 头像 -->
<view class="flex align-center">
<image class="jc-avatar-80" :src="item.user_head_img" mode="aspectFill"></image>
<view class="margin-left-20 flex-one">
<view class="text-24 text-33">{{item.user_nick_name}}</view>
<view class="margin-top-10 text-24 text-98 text-cut-one flex align-center">
<text>{{item.show_create_time}}</text>
<text class="margin-left-30 flex-one" v-if="item.product_sku_name">规格:{{item.product_sku_name}}</text>
</view>
</view>
</view>
<!-- 内容 -->
<view class="margin-top-30 line-40 text-28 text-4d">
{{item.content}}
</view>
<!-- 图片 -->
<view class="margin-top-15">
<ty-image-images :list="item.photos"></ty-image-images>
</view>
</view>
</view>
<view class="" v-else-if="type != 1">
<ty-list-list :status="load_status">
<view class="item margin-top-20 padding-lr-30 padding-top-30 padding-bottom-20 bg-ff"
v-for="(item,index) in list" :key="index">
<!-- -->
<view class="flex align-center">
<image class="jc-avatar-80" :src="item.user_head_img" mode="aspectFill"></image>
<view class="margin-left-20 flex-one">
<view class="text-24 text-33">{{item.user_nick_name}}</view>
<view class="margin-top-10 text-24 text-98 text-cut-one flex align-center">
<text>{{item.show_create_time}}</text>
<text class="margin-left-30 flex-one" v-if="item.product_sku_name">:{{item.product_sku_name}}</text>
</view>
</view>
</view>
<!-- -->
<view class="margin-top-30 line-40 text-28 text-4d">
{{item.content}}
</view>
<!-- 图片 -->
<view class="margin-top-15">
<ty-image-images :list="item.photos"></ty-image-images>
</view>
<!-- 追评 -->
<view class="margin-top-30" v-if="item.is_add == 1 && type != 1">
<text class="text-28 text-main">用户{{item.add_evaluate_space_day}}天后追评</text>
<view class="margin-top-15">
<text class="line-40 text-28 text-4d">{{item.add_evaluate_content}}</text>
</view>
<view class="margin-top-15">
<ty-image-images :list="item.add_evaluate_photos"></ty-image-images>
</view>
</view>
<!-- 商家回复 -->
<view class="margin-top-30 padding-lr-20 padding-tb-15 bg-f7"
v-if="item.is_replay == 1 && type != 1">
<view class="text-22 text-4d">店铺回复</view>
<text class="text-24 text-80">{{item.replay}}</text>
</view>
<view class="margin-top-30 flex align-center" @tap="go('/pages/mall/detail?id='+item.product_id)" v-if="type == 3">
<image class="jc-image-140 radius-10" :src="item.product_cover_img" mode="aspectFill"></image>
<view class="margin-left-30 flex-one">
<view class="line-40 height-80 text-24 text-cut-two">{{item.product_name}}</view>
<view class="margin-top-20 text-26 text-main text-price">{{item.product_price}}</view>
</view>
</view>
</view>
</ty-list-list>
</view>
</view>
</template>
<script>
export default {
props: {
list: {
type: Array,
default: []
},
load_status: {
type: String,
default: ''
},
type: {
type: [String, Number],
default: 3 //1--商品详情页评论 2--商品评论列表 3--我的评论列表
}
},
data() {
return {
}
},
methods: {
}
}
</script>
<style scoped>
.item:first-child {
margin-top: 0 !important;
}
</style>