<template>
	 <view  class="site-list-item flex ">
	 	<view class="site-list-item-left">
	 		<image  mode="widthFix" :src="item.siteImages || 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/logo_xoil.jpg'"></image>
	 	</view>
	 	<view class="site-list-item-right">
	 		<view class="name">{{item.siteName}}</view>
	 		<view class="address textov">{{item.address}}</view>
	 		<view style="margin-top: 15rpx;" class="flex jw ac">
				<view class="distance">距离：{{ Number(item.juli / 1000).toFixed(2) }}KM</view>
				<slot name="button">
					<view @click="$emit('stationClick',item)" class="look"> 立即查看</view>
				</slot>
			</view>
	 	</view>
	 </view>
</template>

<script>
	export default {
		name: "stationItem",
		props: {
			item: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {

			};
		},
		created() {
			 
		},
		methods: {
			 
		}
	}
</script>

<style lang="scss" scoped>
	@import 'index.scss';
</style>