tqApp-webView/pagesMap/viewRoute/module/vehInfo.vue

<template>
    <u-popup :show="isShow" @close="close" :closeOnClickOverlay="false" :overlay="false" :closeable="true" :round="10">
		<view class="container">
			<view class="info">
				<view class="info-head">
					<view>
						{{renderItem(item,'label','--')}}
					</view>
					
				</view>
				<view class="info-body">
					

					<view class="item">
						<image :src="$getImages('/assetsMobile/images/index/collect/address.png')" class="icon"></image>
						<view class="label">地址：</view>
						<view class="value">{{renderItem(item,'address','--')}}</view>
					</view>
					
				</view>
			</view>
		</view>
	</u-popup>
</template>

<script>
import {isArray,clone,isObject } from 'lodash'
import {getImages} from '@/plugins/images'
import {copyProps,clearProps} from '@/utils/gdtq.js'

export default {
	props: {
		/* item: {
			type: Object,
			default: () => {}
		} */
	},
    data() {
        return {
			isShow: false,
			item: {}
        }
    },
	computed: {
		
	},
	mounted() {
		
	},
	
    methods: {
		
		show(e) {
			this.item = e;
			console.log(e,'eeeee')
			this.isShow= true;	
		},
		close() {
		    this.isShow = false
		},
	   
    }

}
</script>

<style lang="scss" scoped>
	.container {
		// background: #fff;
		// padding: 52rpx 48rpx;
		
		font-size: 28rpx;
		// min-height: 360rpx;
		
		.info {
			   border-radius: 20rpx;
			   background: #fff;
			   margin: 52rpx 48rpx 28rpx;
			   // padding: 0 44rpx;
			   &-head{
		
				   display: flex;
				   view {
					   font-family: PingFangSC, PingFang SC;
					   font-weight: 600;
					   font-size: 32rpx;
					   color: #000000;
					   text-align: left;
					   font-style: normal;
					   padding: 0 ;
					   width: auto;
				   }
			   }
			   &-body {
				   overflow: hidden;
				   .item {
						margin: 20rpx 0;
						display: flex;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
		
						
						.icon {
							width: 28rpx;
							height: 28rpx;
							margin-top: 4rpx;
							margin-right: 20rpx;
						}
						.label {
							color: #999999;
						}
						.value {
							
							color: #333333;
							flex: 1;
						}
				   }
			   }
		}
	}
	
	
	
</style>