<template>
	<view class="content">
		<view class="my-head">
			<view class="my-info">
				<view class="my-a">
					<view class="my-img">
			<!-- <img :src=`http://openweathermap.org/img/w/${item.weather[0].icon}.png`> -->
			
						<image :src="'https://apitest.luck-work.com/'+MyInfo.headImgPath" mode=""></image>
					</view>
					<view class="my-nameid">
						<view class="my-name">
							{{MyInfo.nickname}}
						</view>
						<view class="my-id">
							ID: {{MyInfo.userId}}
						</view>
					</view>
				</view>
			 <view class="my-b">
			 	<view class="my-tel">
			 	Mobile: {{MyInfo.mobile}}
			 	</view>  
				<view class="my-bal flex">
					<view>Available Balance: 385813.55</view>
					<view class="my-ap">
						A+ Plan
					</view>
				</view>
			 </view>
			 <view class="my-c flex">
			 	<view class="my-btn1">
			 		recharge
			 	</view>
				<view class="my-btn2">
					change nick name
				</view>
			 </view>
			</view>
			
		</view>
      
	  <view class="my-bg">
	   <view class="my-body">
       	  <view class="my-body-item" v-for="(item,index) in myAList" :key="item.id">
       	  	{{item.text}}
       	  </view>
	
       </view>
		<view class="my-body-out" @click="logout">
			logout
		</view>
        <cont></cont>
		
	</view>
		  </view>
</template>

<script>
	import api from '@/utils/api'
	import utils from '@/utils'
	import cont from "@/components/cont/cont.vue"
	export default{
		data(){
			return{
				MyInfo:{},
				
				myAList:[
					{
						id:'1',
						text:'wallet'
					},
					{
						id:'2',
						text:'Bank card'
					},
					{
						id:'3',
						text:'Address'
					},
					{
						id:'4',
						text:'Reset password'
					},
					{
						id:'5',
						text:'Android download'
					},
				],
				}
			},
		
		onLoad() {
				
		uni.request({
			url: '/start/api/user/userInfo',
			data: {
				"ticket": uni.getStorageSync('logInfo').data,
			},
			header: {
				'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息
			},
			method: 'POST', //请求方式  或GET，必须为大写
			success: (res) => {
				this.MyInfo=res.data.data;
				console.log(this.MyInfo,9990);
				uni.setStorage({
					key: 'MyInfo',
					data: res.data.data,
					success: function() {
						console.log('success')
					}
				});
			},
			fail: (res) => {
				console.log(res.data);
			}
		});
	
		},
		methods:{
		logout(){
			uni.request({
				url: '/start/api/user/loginOut',
				data: {
					"ticket": uni.getStorageSync('logInfo').data,
				},
				header: {
					'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息
				},
				method: 'POST', //请求方式  或GET，必须为大写
				success: (res) => {
					console.log(res.data,9990);
				},
				fail: (res) => {
					console.log(res.data);
				}
			});
		}
				
		},
	}
</script>

<style>
@import './index.css';
</style>
