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.
97 lines
2.6 KiB
97 lines
2.6 KiB
<template>
|
|
<view class="mall_my_evaluate_list_cn">
|
|
|
|
<view class="">
|
|
<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.head_img" mode="aspectFill"></image>
|
|
<view class="margin-left-20 flex-one">
|
|
<view class="text-24 text-33 text-bold">{{item.nick_name}}</view>
|
|
<view class="margin-top-10 text-24 text-98 text-cut-one flex align-center">
|
|
<text>{{item.review_time}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex align-center">
|
|
<image src="/static/home/star1.png" v-for="(item,index) in item.star" :key="index"
|
|
class="starImg margin-left-10"></image>
|
|
<image src="/static/home/star0.png" v-for="(item,index) in (5-item.star)" :key="index"
|
|
class="starImg margin-left-10"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 内容 -->
|
|
<view class="margin-top-20 line-40 text-28 text-33" style="margin-left: 95rpx;">
|
|
{{item.content}}
|
|
</view>
|
|
|
|
<!-- 商家回复 -->
|
|
<view class="margin-top-25 padding-lr-20 padding-tb-15 bg-f5 radius-10 line-40" v-if="item.is_reply == 2">
|
|
<view class="text-26 text-4d">专家回复</view>
|
|
<text class="text-26 text-77">{{item.reply}}</text>
|
|
</view>
|
|
|
|
<view class="margin-top-20 padding-tb-15 padding-lr-20 flex align-center radius-10 border-dd" @tap="go('/pages/expert/detail?id='+item.expert_id)">
|
|
<image class="expertHeader" :src="item.expert_head_img" mode="aspectFill"></image>
|
|
<view class="margin-left-15 flex-one">
|
|
<view class="flex align-center">
|
|
<view class="flex-one margin-right-30 text-28 text-33 text-bold">{{item.expert_name}}</view>
|
|
<view class="text-32 text-ff85 text-bold text-price">{{item.expert_price}}</view>
|
|
</view>
|
|
<view class="margin-top-5 text-26 text-909298 text-cut-one">
|
|
{{item.expert_brief}}
|
|
</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;
|
|
}
|
|
|
|
.starImg {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
.expertHeader{
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
</style>
|