province-uniapp-qinghai/price-collection/pages/collectionList/components/infoItem.vue

<template>
	<view class="content">
		<u-cell title="价格监测点名称" :value="name" icon="file-text"></u-cell>
		<u-cell title="价格采集日期" :value="date" icon="calendar"></u-cell>
		<u-cell title="详细地址" :value="address" icon="map"></u-cell>
	</view>
</template>

<script>
	export default {
		props: {
			name: {
				type: String,
				require: false,
				default: ""
			},
			date: {
				type: String,
				require: false,
				default: ""
			},
			address: {
				type: String,
				require: false,
				default: ""
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
.content{
	margin-bottom: 24rpx;
	padding: 30rpx;
	background-color: #fff;
	border-radius: 24rpx;
	
}

</style>