share_h5/components/ld-goods/ld-goods.vue

<template>
	<view class="goodsItem u-border  u-flex-center">
		<image :src="value.goods_cover" v-if="value.goods_cover" class="u-goods200 u-ml15" mode=""></image>
		<image :src="value.goods_img" v-if="value.goods_img" class="u-goods200 u-ml15" mode=""></image>
		<view class="u-flex1 u-flex-column-start rightText u-ml30">
			<view class="u-text2 u-1A1A1A u-font28 textWidth">{{value.goods_title}}</view>
			<view class="bottext u-flex-column-start u-flex1">
				<text class="u-font22 u-999" v-if="value.sku_set_name">规格： {{value.sku_set_name}}</text>
				<view class="u-flex-center botPrice">
					<view class="u-FF0000 u-font32 " v-if="isInter">
						{{value.sale_price}}积分
					</view>
					<view class="u-FF0000 u-font32 " v-else>
						<rich-text :nodes="$mUtil.priceBigSmall(value.sale_price)" ></rich-text>
					</view>
					<text class="u-font26 u-666 u-ml15" v-if="value.num">x {{value.num}}</text>
					<text class="u-font26 u-666 u-ml15" v-if="value.number">x {{value.number}}</text>
				</view>
				
			</view>
		</view>
		<view class="btnComment_status" v-if="value.transaction_status==5&&value.comment_status==0&&position==0" @click="evaluation(value.id)">去评价</view>
	</view>
</template>

<script>
	export default {
		props:{
			value:{
				type:Object,
				default:{}
			},
			position:{
				type:Number,
				default:0
			},
			keys:{
				type:Number,
				default:0
			},
			isInter:{
				type:Boolean,
				default:false
			}
		},
		data(){
			return{
				price:66.2
			}
		},
		methods:{
			evaluation(id){
				let data={
					id:id,
					keys:this.keys
				}
				this.$emit('parentevaluation',data)
			}
		}
	}
</script>

<style>
	.goodsItem {
		padding: 40rpx 0 ;
		position: relative;
	}
	.textWidth{
		width: 420rpx;
	}
	.btnComment_status{
		position: absolute;
		right: 0;
		bottom: 30rpx;
		background-color: #00321E;
		width: 180rpx;
		height: 60rpx;
		text-align: center;
		line-height: 60rpx;
		color: #fff;
		font-size: 28rpx;
		border-radius: 40rpx;
	}
</style>