|
@@ -0,0 +1,78 @@
|
|
|
+<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>
|