<template class="bc#f6f6f6">
	<view style="width: 100%;height: 100%;">
		<u-gap height="30"></u-gap>
		<view v-for="(item,index) in list" :key='index' style="height: 200rpx;padding: 0 30rpx;background-color: #FFFFFF;">
			<view class="flex" style="height: 199rpx;">
				<!-- 头像 -->
				<view style="width: 20%;" class="flex align-center">
					<image :src="item.img" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
				</view>
				<!-- 名字  时间  时长 -->
				<view style="width: 45%;display: grid;align-content: center;">
					<!-- 名字 -->
					<view style="font-size: 34rpx;font-weight: bold;margin-bottom: 10rpx;">{{item.name}}</view>
					<!-- 时间 -->
					<view style="color: #a0a0a0;">拨入时间: {{item.date}}</view>
					<!-- 时长 -->
					<view style="color: #a0a0a0;">通话时长: {{item.Duration}}</view>
				</view>
				<view style="width: 35%;margin-top: 50rpx;color: #c0c0c0;font-size: 28rpx;">
					订单号: {{item.orderID}}
				</view>
			</view>
			<u-line color="#f3f3f3" />
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		onLoad() {

		},
		mounted() {

		},
		data() {
			return {
				list: [{
					img: 'https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/头像.png', //头像
					name: '渣渣宝', //名字
					date: '9/25', //日期
					time: '19.12.25', //时间
					Duration: '00:05:32', //时长
					orderID: '202000007' //订单号
				}, {
					img: 'https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/头像.png', //头像
					name: '渣渣宝', //名字
					date: '9/25', //日期
					time: '19.12.25', //时间
					Duration: '00:05:32', //时长
					orderID: '202000007' //订单号
				}, {
					img: 'https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/头像.png', //头像
					name: '渣渣宝', //名字
					date: '9/25', //日期
					time: '19.12.25', //时间
					Duration: '00:05:32', //时长
					orderID: '202000007' //订单号
				}, {
					img: 'https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/头像.png', //头像
					name: '渣渣宝', //名字
					date: '9/25', //日期
					time: '19.12.25', //时间
					Duration: '00:05:32', //时长
					orderID: '202000007' //订单号
				}, {
					img: 'https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/头像.png', //头像
					name: '渣渣宝', //名字
					date: '9/25', //日期
					time: '19.12.25', //时间
					Duration: '00:05:32', //时长
					orderID: '202000007' //订单号
				}, {
					img: 'https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/头像.png', //头像
					name: '渣渣宝', //名字
					date: '9/25', //日期
					time: '19.12.25', //时间
					Duration: '00:05:32', //时长
					orderID: '202000007' //订单号
				}, {
					img: 'https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/头像.png', //头像
					name: '渣渣宝', //名字
					date: '9/25', //日期
					time: '19.12.25', //时间
					Duration: '00:05:32', //时长
					orderID: '202000007' //订单号
				}, {
					img: 'https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/头像.png', //头像
					name: '渣渣宝', //名字
					date: '9/25', //日期
					time: '19.12.25', //时间
					Duration: '00:05:32', //时长
					orderID: '202000007' //订单号
				}]
			}
		},
		methods: {


		}
	};
</script>

<style>
</style>
