You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
962 B
44 lines
962 B
<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> |