<template>
	<!-- 衍生物 待评价 -->
	<view class="cu-evaluateB bg-white margin radius padding">
		<view class="flex">
		  <image class="radius margin-right-sm" style="width: 160upx;height: 160upx;min-width: 160upx;" lazy-load="true" :src="value.img" mode="aspectFit"></image>
		  <view style="flex:auto" class="content margin-right-sm">
		  	<view class="text-black cut">{{value.name}}</view>
			<view class="text-grey margin-top-xs">{{value.parameter}}</view>
			<view v-if="value.custom" class="text-red margin-top-xs">{{value.custom}}</view>
		  </view>
		  <view style="min-width: 180upx;text-align: center;">
		  	<button @click="$emit('click',value)" class="cu-btn bg-red round">评价有礼</button>
		  </view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			value:{
				type:Object,
				default:()=>({})
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.cu-evaluateB{
		.cut{
			overflow: hidden;
			text-overflow: ellipsis;
			display:-webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
	}
</style>