<template>
	<view class="page" :style="{'height':sysHeight}">
		<view>
			<image class="bgImage" src="/static/my/bg1.png"></image>
		</view>
		<view class="page1" :style="{'height':sysHeight}">

			<view class="useInfo  flex-row">
				<view class="profileView">
					<image class="profile" src="/static/my/fuwuNmber.png"></image>
				</view>
				<view class="usermsg flex-col">
					<view class="name">
						<text>脱离老师</text>
					</view>
					<view class="other flex-row">
						<text>脱离老师脱离老师脱离老师脱离</text>
						<u-icon name="arrow-right" color="#333333" size="18"></u-icon>
					</view>
				</view>
			</view>
			<view class="statistics flex-col">
				<view class="statisticsTitle">
					<text >今日业绩统计</text>
				</view>
				<view class="flex-row justify-center ">
					<view class="statisticsItem flex-col ">
						<view class="flex-row justify-center">
							<u-icon name="/static/my/fuwuNmber.png" size="28"></u-icon>
						</view>
						<view class="flex-row justify-center statisticsKey">
							<text>服务次数（次）</text>
						</view>
						<view class="flex-row justify-center statisticsValue">
							<text>12</text>
						</view>
					</view>
					<view class="statisticsItem flex-col ">
						<view class="flex-row justify-center">
							<u-icon name="/static/my/fuwuTimeLong.png" size="28"></u-icon>
						</view>
						<view class="flex-row justify-center statisticsKey">
							<text>服务时长（分）</text>
						</view>
						<view class="flex-row justify-center statisticsValue">
							<text>12</text>
						</view>
					</view>
				</view>
			</view>
			<view class="list">
				<uni-list>
					<uni-list-item :to="item.to" :title="item.title" showArrow :thumb="item.thumb" thumb-size="sm" :rightText="item.rightText" v-for="(item,index) in group1" :key="index"/>
				</uni-list>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				sysHeight:'',
				group1: [
					{thumb: '/static/my/idcard.png', title: '个人信息', rightText: '', to: '/myPages/aboutOur/index'}
				],
			}
		},
		onLoad(){
			let sysInfo = uni.getSystemInfoSync()
			this.sysHeight = sysInfo.windowHeight + 'px'
			console.log(this.sysHeight)
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	@import './index.rpx.css';
</style>
