79 lines
1.5 KiB
Vue
79 lines
1.5 KiB
Vue
<template>
|
|
<view class="edit-name-page">
|
|
<NavCom title="修改昵称"></NavCom>
|
|
<view class="main">
|
|
<input type="text" placeholder="请输入您的昵称" placeholder-class="input-place" v-model="form.nickname" class="main-input" maxlength="15" />
|
|
</view>
|
|
<view class="submit" @click="submit">确定</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { myMixins } from "@/mixins/mixins.js";
|
|
import NavCom from '@/pages/components/nav.vue'
|
|
export default{
|
|
mixins: [myMixins],
|
|
data(){
|
|
return{
|
|
form:{
|
|
id:"",
|
|
nickname:""
|
|
}
|
|
}
|
|
},
|
|
components:{NavCom},
|
|
onLoad(option){
|
|
this.form = {
|
|
id:option.id,
|
|
nickname:option.nickname
|
|
}
|
|
},
|
|
methods:{
|
|
submit(){
|
|
uni.redirectTo({
|
|
url:'/pages/mine/setting'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
page{
|
|
background-image: url('@/static/index/bg.png');
|
|
background-size: 100%;
|
|
}
|
|
.edit-name-page{
|
|
|
|
padding-top: 130rpx;
|
|
.main{
|
|
width: 706rpx;
|
|
height: 106rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 40rpx;
|
|
margin-left: 22rpx;
|
|
.main-input{
|
|
color: #333;
|
|
font-size: 30rpx;
|
|
}
|
|
.input-place{
|
|
color: #888888;
|
|
}
|
|
}
|
|
.submit{
|
|
margin: 40rpx 25rpx 0 19rpx;
|
|
width: 706rpx;
|
|
height: 88rpx;
|
|
background: linear-gradient(90deg, #EF4033 0%, #FF9F98 100%);
|
|
border-radius: 44rpx;
|
|
font-size: 32rpx;
|
|
color: #FFFFFF;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
</style> |