123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <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>
|