<template>
	<view class="share-body">
		<view class="share-head">
			<u-image src="@/static/share1.jpg" width='750' height="253"></u-image>
		</view>
		<view class="share-info">
			<view class="userinfo">
				<view>
					好友 MAK2342
				</view>
				<view>给您分享了一个车架号（VIN）</view>
			</view>
			<view class="carinfo flex flex_column align_center">
				<view>
					<u-image shape="circle" src="@/static/share1.jpg" width='150' height="150"></u-image>
				</view>
				<view>VIN：LFV2A21K0G4053021</view>
				<view>马自达 CX-5(KE 2012-2017) 2.0L | 手自一体 2014款 都市型</view>
			</view>
			<view class="cbutton flex align_center justify_between">
				<u-button @click="copyVin" shape="circle">复制VIN</u-button>
				<u-button @click="copyCar" shape="circle">复制车型</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				carInfo: null,
				userInfo: null
			}
		},
		onShareAppMessage(){},
		methods: {
			// 复制vin
			copyVin(){
				uni.setClipboardData({
					data: this.carInfo.vinNumber||'',
				})
			},
			// 复制车型
			copyCar(){
				uni.setClipboardData({
					data: this.carInfo.carModel||'',
				})
			},
		}
	}
</script>

<style lang="less">
.share-info{
	background-image: linear-gradient(#bceafa 0%,#ffffff 60%);
	padding: 30rpx;
	text-align: center;
	.userinfo{
		padding: 30rpx;
		>view{
			padding: 10rpx 0;
		}
	}
	.carinfo{
		padding: 30rpx;
		>view{
			padding: 15rpx 0;
		}
	}
	.cbutton{
		padding: 30rpx;
		button{
			width: 260rpx;
		}
	}
}
</style>
