share_h5/components/ld-goods/ld-goods-black.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>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:{
			value:{
				type:Object,
				default:{}
			},
			position:{
				type:Number,
				default:0
			},
			keys:{
				type:Number,
				default:0
			}
		},
		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: 60rpx;
		background-color: #00321E;
		width: 180rpx;
		height: 65rpx;
		text-align: center;
		line-height: 65rpx;
		color: #fff;
		font-size: 28rpx;
		border-radius: 40rpx;
	}
</style>