<template>
	<view class="page">
		<view class="bg"><image src="/static/bg.jpg"></image></view>
		<pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
		<view class="listBox" :style="{'padding-top':(pageTop+'px')}">
		<view class="content">
			<view class="my-top">
				<view class="user-info" @click="Information">
					<view class="portrait">
						<image src="../../static/img/head.jpg"></image>
					</view>
					<view class="info">
						<view class="nickname">
							<text>Ssense</text>
						</view>
						<view class="rank">
							<image src="../../static/id.png"></image>
							<text>21216554</text>
							<image class="rank-img" src="../../static/copy.png"></image>
						</view>
					</view>
				</view>
			</view>
			<view class="message-list">
				<view class="titleall-box">
					<view class="titleall-left"><view class="titleall-left-line"></view>我的服务</view>
				</view>
				<view class="list" @click="minorcontrol">
					<view class="icon-data">
						<view class="icon">
							<image src="/static/my-icon1.png" mode=""></image>
						</view>
						<view class="data">
							<view class="title">
								<text>动态监控</text>
							</view>
						</view>
					</view>
					<view class="more">
						<text class="iconfont icon-more"></text>
					</view>
				</view>
				<view class="list" @click="minorlocate">
					<view class="icon-data">
						<view class="icon">
							<image src="/static/my-icon2.png" mode=""></image>
						</view>
						<view class="data">
							<view class="title">
								<text>儿童定位</text>
							</view>
						</view>
					</view>
					<view class="more">
						<text class="iconfont icon-more"></text>
					</view>
				</view>
				<view class="list" @click="minorsos">
					<view class="icon-data">
						<view class="icon">
							<image src="/static/my-icon3.png" mode=""></image>
						</view>
						<view class="data">
							<view class="title">
								<text>SOS呼叫记录</text>
							</view>
						</view>
					</view>
					<view class="more">
						<text class="iconfont icon-more"></text>
					</view>
				</view>
			</view>
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				nvConfig:{
					title:"未成年人救助保护",
					bgColor:"#ffffff",
					color:"#000000",
					fixedAssist:{
						hide:true,
					},
					transparent:{
						initColor:"#000",
					},
				},
			};
		},
		onPageScroll(e) {this.$refs.nv.pageScroll(e)},
		computed:{
			pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
		},
		onReady() {
			uni.hideTabBar();
		},
		methods: {
			minorsos() {
				uni.navigateTo({
					url: '/pages/minorsos/minorsos'
				})
			},
			minorcontrol() {
				uni.navigateTo({
					url: '/pages/minorcontrol/minorcontrol'
				})
			},
			minorlocate() {
				uni.navigateTo({
					url: '/pages/minorlocate/minorlocate'
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	@import 'minor.scss';
</style>
