mahjong_group/pages/me/edit-info.vue
2025-08-30 21:55:09 +08:00

79 lines
2.2 KiB
Vue

<template>
<view class="content column">
<view class="row" style="width: 90%; margin: 100rpx auto 0; justify-content: space-between;">
<image src="/static/back.png" style="width: 40rpx; height: 40rpx;" @click="goBack()" mode=""></image>
<text style="font-size: 30rpx;">修改信息</text>
<view style="width: 40rpx;"></view>
</view>
<view class="column" style="width: 90%; margin: 80rpx auto 0;">
<view class="row" style="justify-content: space-between; width: 100%; align-items: center;">
<text style="font-size: 26rpx;">我的头像</text>
<image src="" style="width: 90rpx; height: 90rpx; background-color: aquamarine; border-radius: 50%;"
mode=""></image>
</view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view>
<view class="row" style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;">
<text style="">我的昵称</text>
<input type="text" v-model="userName" style="text-align: right;" />
</view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view>
<view class="row" style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;">
<text style="">我的年龄</text>
<input type="text" v-model="userAge" style="text-align: right;" />
</view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view>
<view class="row" style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;">
<text style="">我的UID</text>
<text style="">{{userId}}</text>
</view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
userName: "树下的胖子",
userAge:"30",
userId:"132546"
}
},
methods: {
goBack() {
// 返回上一页
uni.navigateBack({
delta: 1
});
},
}
}
</script>
<style lang="scss">
.content {
width: 100%;
height: 100vh;
}
</style>