<template>
	<view class="jy-card-address df aic jcc">
		<view class="df aic jcfe">
			<!-- 图标 -->
			<view class="jy-card-address-content-top-left-icon mr20">
				<image :src="address"></image>
			</view>
			<!-- 收获地址 姓名电话 -->
			<view class="content-top-right">
				<!-- 收获地址 -->
				<view class="top-right-address">收货地址收货地址收货地址收货地址收货地址收货地址收货地址</view>
				<!-- 姓名电话 -->
				<view class="top-right-name_phone">张三 123456789</view>
			</view>
		</view>

		<!-- 修改地址 -->
		<view v-if="shopEdit" class="btn edit-address" @click="checkLink('pages/mine/delivery-address/index')">
			修改地址
		</view>
	</view>
</template>
<script setup>
	import {
		inject
	} from 'vue'
	const {
		checkLink
	} = inject('util');
	import address from '@/static/address.png'
	const props = defineProps({
		shopEdit: {
			type: Boolean,
			default: true
		},
		address: {
			type: Object,
			default: () => ({})
		}
	})
	const goto = (url) => {
		uni.navigateTo({
			url
		})
	}
</script>
<style lang="scss" scoped>
	.jy-card-address {
		.content-top-right {
			margin: 0 8rpx;

			.top-right-address {
				color: #333333;
				font-size: 28rpx;
				font-weight: 600;
			}

			.top-right-name_phone {
				color: #666666;
				font-size: 24rpx;
			}
		}

		image {
			width: 44rpx;
			height: 44rpx;
		}

		.edit-address {
			overflow: visible;
		}
	}
</style>