From 2e30a865789370c9613c1e7f3c7842478e6b816a Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 16 Jun 2021 19:55:52 +0800
Subject: [PATCH] 页面提交
---
pages/myself/childen/info/phone.vue | 112 ++++++++++++++
pages/myself/childen/info/nickName.vue | 110 +++++++++++++
static/img/info/birthday.png | 0
pages/myself/childen/info/birthday.vue | 126 +++++++++++++++
static/img/info/phone.png | 0
static/img/info/email.png | 0
pages/myself/childen/info/email.vue | 113 ++++++++++++++
7 files changed, 461 insertions(+), 0 deletions(-)
diff --git a/pages/myself/childen/info/birthday.vue b/pages/myself/childen/info/birthday.vue
new file mode 100644
index 0000000..18c9180
--- /dev/null
+++ b/pages/myself/childen/info/birthday.vue
@@ -0,0 +1,126 @@
+<template>
+ <view class="birthday">
+ <view class="interval"></view>
+ <view class="row birthday_info">
+ <image src="../../../../static/img/info/birthday.png"/>
+ <e-picker :showValue="date" :style="{color:birthdayColor}" class="birthday_select" @change="birthdayChange">{{birthday||'请选择出生日期'}}</e-picker>
+ </view>
+ <view class="interval"></view>
+ <view class="btn">
+ <button class="btn-update" @click="updateUserInfo()">确认修改</button>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default{
+ data (){
+ return {
+ birthday:"",
+ birthdayColor:"#808080",
+ pathUrl:"http://s16s652780.51mypc.cn/api/blade-user",
+ // pathUrl:"http://localhost:8102"
+ }
+ },
+ onLoad(option) {
+ //获取页面传递的参数数据
+ this.birthday = option.birthday;
+ if(option.birthday!=null || option.birthday!=""){
+ this.birthdayColor = "#000000";
+ }
+ },
+ methods:{
+ //修改用户昵称信息
+ updateUserInfo(){
+ uni.request({
+ url:this.pathUrl + "/updateUserInfo",
+ method:"POST",
+ data:{
+ id: this.$store.state.puserID,
+ birthday:this.birthday
+ },
+ success:(res)=> {
+ if(res.data.code==200){
+ uni.showToast({
+ title: '修改成功！',
+ duration: 2000
+ });
+ }
+ }
+ })
+ },
+ //日期选择
+ birthdayChange(e) {
+ this.birthday = e;
+ //修改颜色
+ this.birthdayColor = "#000000";
+ }
+ }
+ }
+</script>
+<style lang="scss">
+ page{
+ background-color: rgba($color: #cdcdcd, $alpha: 0.2);
+ }
+</style>
+<style lang="scss" scoped>
+
+ .birthday{
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ }
+ .interval {
+ width: 100%;
+ height: 30rpx;
+ }
+
+ .birthday_info{
+ background-color: #FFFFFF;
+ height: 90rpx;
+ width: 100%;
+ line-height: 90rpx;
+
+
+ image{
+ width: 50rpx;
+ height: 50rpx;
+ float: left;
+ margin-left: 30rpx;
+ margin-top: 20rpx;
+ font-size: 28rpx;
+ }
+
+ .birthday_select{
+ // background-color: #009F95;
+ height: 90rpx;
+ width: 80%;
+ line-height: 90rpx;
+ position: absolute;
+ left: 80px;
+ font-size: 28rpx;
+ }
+ }
+
+ .btn{
+ width: 100%;
+ text-align: center;
+ flex: 1;
+
+ .btn-update {
+ line-height: 75rpx;
+ border-radius: 50px;
+ width: 90%;
+ height: 75rpx;
+ background-color: #00BFFF;
+ font-size: 28rpx;
+ letter-spacing: 3rpx;
+ color: #FFFFFF;
+ outline: none;
+ }
+ }
+
+
+
+</style>
diff --git a/pages/myself/childen/info/email.vue b/pages/myself/childen/info/email.vue
new file mode 100644
index 0000000..7e69c15
--- /dev/null
+++ b/pages/myself/childen/info/email.vue
@@ -0,0 +1,113 @@
+<template>
+ <view class="email">
+ <view class="interval"></view>
+ <view class="row email_info">
+ <image src="../../../../static/img/info/email.png"/>
+ <input placeholder="请输入邮箱" v-model="email">
+ </view>
+ <view class="interval"></view>
+ <view class="btn">
+ <button class="btn-update" @click="updateUserInfo()">确认修改</button>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default{
+ data (){
+ return {
+ email:"",
+ pathUrl:"http://s16s652780.51mypc.cn/api/blade-user",
+ // pathUrl:"http://localhost:8102"
+ }
+ },
+ onLoad(option) {
+ //获取页面传递的参数数据
+ this.email = option.email;
+ },
+ methods:{
+ //修改用户昵称信息
+ updateUserInfo(){
+ uni.request({
+ url:this.pathUrl + "/updateUserInfo",
+ method:"POST",
+ data:{
+ id: this.$store.state.puserID,
+ email:this.email
+ },
+ success:(res)=> {
+ if(res.data.code==200){
+ uni.showToast({
+ title: '修改成功！',
+ duration: 2000
+ });
+ }
+ }
+ })
+ }
+ }
+ }
+</script>
+<style lang="scss">
+ page{
+ background-color: rgba($color: #cdcdcd, $alpha: 0.2);
+ }
+</style>
+
+<style lang="scss" scoped>
+ .email{
+ width: 100%;
+ height: 100%;
+ }
+ .interval {
+ width: 100%;
+ height: 30rpx;
+ }
+
+ .email_info{
+ background-color: #FFFFFF;
+ height: 90rpx;
+ width: 100%;
+ line-height: 90rpx;
+
+
+ image{
+ width: 60rpx;
+ height: 60rpx;
+ float: left;
+ margin-left: 30rpx;
+ margin-top: 10rpx;
+ font-size: 28rpx;
+ }
+
+ input{
+ // background-color: #009F95;
+ height: 90rpx;
+ width: 80%;
+ line-height: 90rpx;
+ position: absolute;
+ left: 80px;
+ font-size: 28rpx;
+ }
+ }
+
+ .btn{
+ width: 100%;
+ text-align: center;
+
+ .btn-update {
+ line-height: 75rpx;
+ border-radius: 50px;
+ width: 90%;
+ height: 75rpx;
+ background-color: #00BFFF;
+ font-size: 28rpx;
+ letter-spacing: 3rpx;
+ color: #FFFFFF;
+ outline: none;
+ }
+ }
+
+
+
+</style>
diff --git a/pages/myself/childen/info/nickName.vue b/pages/myself/childen/info/nickName.vue
new file mode 100644
index 0000000..8188185
--- /dev/null
+++ b/pages/myself/childen/info/nickName.vue
@@ -0,0 +1,110 @@
+<template>
+ <view class="nick_name">
+ <view class="interval"></view>
+ <view class="row nick_name_info">
+ <text class="lable">昵称</text>
+ <input placeholder="请输入昵称" v-model="name">
+ </view>
+ <view class="interval"></view>
+ <view class="btn">
+ <button class="btn-update" @click="updateUserInfo()">确认修改</button>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default{
+ data (){
+ return {
+ name:"",
+ pathUrl:"http://s16s652780.51mypc.cn/api/blade-user",
+ // pathUrl:"http://localhost:8102"
+ }
+ },
+ onLoad(option) {
+ //获取页面传递的参数数据
+ this.name = option.name;
+ },
+ methods:{
+ //修改用户昵称信息
+ updateUserInfo(){
+ uni.request({
+ url:this.pathUrl + "/updateUserInfo",
+ method:"POST",
+ data:{
+ id: this.$store.state.puserID,
+ name:this.name
+ },
+ success:(res)=> {
+ if(res.data.code==200){
+ uni.showToast({
+ title: '修改成功！',
+ duration: 2000
+ });
+ }
+ }
+ })
+ }
+ }
+ }
+</script>
+<style lang="scss">
+ page{
+ background-color: rgba($color: #cdcdcd, $alpha: 0.2);
+ }
+</style>
+<style lang="scss" scoped>
+ .nick_name{
+ width: 100%;
+ height: 100%;
+ }
+ .interval {
+ width: 100%;
+ height: 30rpx;
+ }
+
+ .nick_name_info{
+ background-color: #FFFFFF;
+ height: 90rpx;
+ width: 100%;
+ line-height: 90rpx;
+
+
+ .lable{
+ float: left;
+ margin-left: 30rpx;
+ font-size: 28rpx;
+ }
+
+ input{
+ // background-color: #009F95;
+ height: 90rpx;
+ width: 80%;
+ line-height: 90rpx;
+ position: absolute;
+ left: 80px;
+ font-size: 28rpx;
+ }
+ }
+
+ .btn{
+ width: 100%;
+ text-align: center;
+
+ .btn-update {
+ line-height: 75rpx;
+ border-radius: 50px;
+ width: 90%;
+ height: 75rpx;
+ background-color: #00BFFF;
+ font-size: 28rpx;
+
+ letter-spacing: 3rpx;
+ color: #FFFFFF;
+ outline: none;
+ }
+ }
+
+
+
+</style>
diff --git a/pages/myself/childen/info/phone.vue b/pages/myself/childen/info/phone.vue
new file mode 100644
index 0000000..4d68222
--- /dev/null
+++ b/pages/myself/childen/info/phone.vue
@@ -0,0 +1,112 @@
+<template>
+ <view class="phone">
+ <view class="interval"></view>
+ <view class="row phone_info">
+ <image src="../../../../static/img/info/phone.png"/>
+ <input placeholder="请输入手机号" v-model="phone">
+ </view>
+ <view class="interval"></view>
+ <view class="btn">
+ <button class="btn-update" @click="updateUserInfo()">确认修改</button>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default{
+ data (){
+ return {
+ phone:"",
+ pathUrl:"http://s16s652780.51mypc.cn/api/blade-user",
+ // pathUrl:"http://localhost:8102"
+ }
+ },
+ onLoad(option) {
+ //获取页面传递的参数数据
+ this.phone = option.phone;
+ },
+ methods:{
+ //修改用户昵称信息
+ updateUserInfo(){
+ uni.request({
+ url:this.pathUrl + "/updateUserInfo",
+ method:"POST",
+ data:{
+ id: this.$store.state.puserID,
+ phone:this.phone
+ },
+ success:(res)=> {
+ if(res.data.code==200){
+ uni.showToast({
+ title: '修改成功！',
+ duration: 2000
+ });
+ }
+ }
+ })
+ }
+ }
+ }
+</script>
+<style lang="scss">
+ page{
+ background-color: rgba($color: #cdcdcd, $alpha: 0.2);
+ }
+</style>
+<style lang="scss" scoped>
+ .phone{
+ width: 100%;
+ height: 100%;
+ }
+ .interval {
+ width: 100%;
+ height: 30rpx;
+ }
+
+ .phone_info{
+ background-color: #FFFFFF;
+ height: 90rpx;
+ width: 100%;
+ line-height: 90rpx;
+
+
+ image{
+ width: 50rpx;
+ height: 50rpx;
+ float: left;
+ margin-left: 30rpx;
+ margin-top: 15rpx;
+ font-size: 28rpx;
+ }
+
+ input{
+ // background-color: #009F95;
+ height: 90rpx;
+ width: 80%;
+ line-height: 90rpx;
+ position: absolute;
+ left: 80px;
+ font-size: 28rpx;
+ }
+ }
+
+ .btn{
+ width: 100%;
+ text-align: center;
+
+ .btn-update {
+ line-height: 75rpx;
+ border-radius: 50px;
+ width: 90%;
+ height: 75rpx;
+ background-color: #00BFFF;
+ font-size: 28rpx;
+ letter-spacing: 3rpx;
+ color: #FFFFFF;
+ outline: none;
+ }
+ }
+
+
+
+</style>
diff --git a/static/img/info/birthday.png b/static/img/info/birthday.png
new file mode 100644
index 0000000..4c1e070
--- /dev/null
+++ b/static/img/info/birthday.png
Binary files differ
diff --git a/static/img/info/email.png b/static/img/info/email.png
new file mode 100644
index 0000000..f047758
--- /dev/null
+++ b/static/img/info/email.png
Binary files differ
diff --git a/static/img/info/phone.png b/static/img/info/phone.png
new file mode 100644
index 0000000..1d845da
--- /dev/null
+++ b/static/img/info/phone.png
Binary files differ
--
Gitblit v1.9.3