<!--
 * @Author: ch
 * @Date: 2022-03-28 15:38:23
 * @LastEditors: ch
 * @LastEditTime: 2022-03-28 16:37:16
 * @Description: file content
-->
<template>
	<view>
		<view class="userInfo">
			<u-upload  class="userInfo--upload" name="6" :fileList="fileList6" @afterRead="headUpload" >
				<image class="userInfo--head" src="@/static/account/tx.png" ></image>
			</u-upload>
			<view>昵称</view>
		</view>
		<UiCell class="cell" title="昵称" value="马士兵" @click="$Router.push('/pages/account/setting/setName')"></UiCell>
		<UiCell class="cell cell--last" title="性别" value="男" @click="sexShow = true"></UiCell>
		<u-picker :show="sexShow" :columns="sexData" keyName="label" @cancel="sexShow = false" @confirm="sexChange"></u-picker>
	</view>
</template>
<script>
import UiButton from '@/components/UiButton.vue'
import UiCell from '@/components/UiCell.vue'
export default {
	components: { UiCell, UiButton },
	data(){
		return {
			fileList: [],
			sexShow : false,
			sexData : [[{label:'女',val:0},{label:'男',val:1}]]
		}
	},
	methods:{
		sexChange(){
			this.sexShow = false
		},
		headUpload(){

		}
	}
	
}
</script>
<style lang="scss" scoped>
page{
	background: #f8f8f8;
}
.userInfo{
	padding: 77rpx 0 60rpx;
	text-align: center;
	font-size: 28rpx;
	color: #333;
	&--head,&--upload{
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		margin: 0 auto 13rpx;
	}
}
.cell{
	padding: 0 40rpx;
	&--last{
		border: 0;
	}
}
/deep/{
	.userInfo .uiCell--title{
		font-size: 32rpx;
	}
	.uiCell--value{
		color: #999;
	}
} 
</style>