luoyang-uniapp-app/components/pozCard/pozCard.vue

<template>
	<view class="box">
		<view class="flex-b" @click="openMap">
			<view class="left_text">
				<view class="adr ">{{ info.schoolName}}</view>
				<view class="distance">{{ info.address }}</view>
			</view>
			<view class="mapEntry">
				<image src="@/static/images/icon/daohuang.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['info'],
		methods: {
			openMap() {
				uni.openLocation({
					latitude: this.info.lat,
					longitude: this.info.lng,
					success: function () {
						console.log('success');
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		padding: 24rpx;
		border-radius: 20rpx;
		background: #fff;
	  .flex-b {
		  align-items: center;
	    .left_text {
			flex: 1;
	      .adr {
			font-size: 28rpx;
			color: #333333;
			font-weight: 500;
	      }
		
	      .distance {
			margin-top: 18rpx;
			color: #999;
			font-size: 24rpx;
	      }
	    }
		
	    .mapEntry {
			width: 55rpx;
			height: 55rpx;
	    }
	  }
	}
</style>