<template>
	<view class="serveItem dis-flex" @click="opendelit(serItem)">
		<image :src="serItem.logo" mode=""></image>
		<view class="list-content flex-box">
			<view class="f-28 f-w">
				{{serItem.title}}
			</view>
			<view class="dis-flex" style="padding-top: 30upx;">
				<view class="flex-box">
					<text class="f-26 f-w c-ff4444">{{serItem.price}}</text>
					<!-- <text class="f-32 c-ff4444 f-w">158.00</text>
					<text class="f-20 c-ff4444">/小时</text> -->
				</view>
				<view class="f-20 col-9 t-r" style="line-height: 50upx;">
					已售{{serItem.salenum}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import App from '@/common/js/app.js';
	export default{
		data(){
			return{
				
			}
		},
		props:{
			serItem:{
				type:Object,
				default:{}
			}
		},
		methods:{
			opendelit(serItem){
				App.navigationTo({
					url:`pages/subPages2/homemaking/homemakingDetails/homemakingDetails?id=${serItem.pid}`
				});
			},
		}
		
	}
</script>

<style lang="scss" scoped>
	.serveItem{
		background-color: #FFFFFF;
		padding: 20upx;
		border-radius: 20upx;
		margin-bottom: 20upx;
		image{
			width: 120upx;
			height: 120upx;
			border-radius: 20upx;
		}
		.list-content{
			padding-left: 20upx;
		}
	}
</style>
