<template>
	<view class="address" 
	@click.stop="openLocation(latitude, longitude)" 
	v-if="address">
		<uv-icon size="30rpx" name="map"
		color="#5baaff"></uv-icon>
		<view class="text-ellipsis">
			{{ address }}
		</view>
	</view>
</template>

<script>
	export default {
		props : ['latitude', 'longitude', 'address'],
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.address {
		font-size: 24rpx;
		margin: 20rpx 0;
		display: flex;
		align-items: center;
		background-color: rgba($uni-color, 0.2);
		color: $uni-color;
		padding: 10rpx 20rpx;
		width: fit-content;
		border-radius: 40rpx;
		max-width: calc(100% - 40rpx);
	}
</style>