fourPayProject/51uni/MyPages/my/modifyname.vue
2025-03-31 10:23:28 +08:00

86 lines
1.5 KiB
Vue

<template>
<view class="content">
<view class="container">
<headers :titles="titles"><uni-icons type="arrow-left" color="#fff" size="22px"></uni-icons></headers>
<view class="input-box">
<input type="text" v-model="formData.nickName" placeholder="请输入昵称" />
</view>
<view class="anniu" @click="submit()">
提交
</view>
</view>
</view>
</template>
<script>
import headers from '../../components/header/headers.vue'
import request from '../../utils/request.js'
export default {
data() {
return {
titles: "修改昵称",
msg: "1",
dataList: [],
show: false,
status: 'loading',
formData: {
infoType: "0",
nickName: ""
}
}
},
components: {
headers
},
methods: {
submit() {
request({
url: 'app/uaLogin/changeInfo?roleType=agent',
method: 'post',
data: this.formData
}).then(res => {
uni.navigateBack()
})
},
goback() {
uni.navigateBack()
}
}
}
</script>
<style scoped lang="scss">
.content {
background: #f4f5f6;
height: 100vh;
}
.container {
width: 100%;
background: #f4f5f6;
box-sizing: border-box;
padding-top: 88px;
}
.input-box {
width: 100%;
box-sizing: border-box;
padding: 15px;
border-bottom: 1px solid #ededee;
}
.anniu {
width: 150px;
height: 40px;
background: #E4612E;
border-radius: 50px;
margin: 40px auto;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
</style>