You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.5 KiB
74 lines
1.5 KiB
<!--
|
|
* @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> |