<template>
	<view class="userinfo">
		<view class="userinfo-form">
			<view>{{$t('mine.feedbackMsg')}}</view>
			<u--textarea v-model="form.value" :placeholder="$t('mine.feedbackMsg')" width="100%" :count="true"></u--textarea>

		</view>
		<view class="edit-btn">
			<button @click="submit">{{$t("base.button.confirm")}}</button>
		</view>

	</view>
</template>

<script>	
import {
		userFeedBack
	} from "../../api/user"
	export default {
		data() {
			return {
				version: "",
				form: {
					value:"",
				},
			}
		},
		components: {},
		onLoad() {

		},
		methods: {
			submit() {
				let that = this
				userFeedBack(that.form).then(res => {
					if (res.statusCode == 200 && res.data.code == 0) {
						that.updataUserInfo()
					}
				})

			},
		},
	}
</script>

<style lang="less" scoped>
	.userinfo {

		// padding: 32rpx;
		.avatar-box {
			position: relative;
			background-color: #4680F9;
			height: 100rpx;
			border-bottom-right-radius: 80rpx;
			border-bottom-left-radius: 80rpx;
			margin-bottom: 140rpx;

			.avatar {
				position: absolute;
				width: 160rpx;
				height: 160rpx;
				border: 2px solid #4680F9;
				bottom: -80rpx;
				left: calc(50% - 80rpx);
				border-radius: 50%;
				background-color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

		.avatar-wrap {
			margin: auto;
		}

		.userinfo-form {
			padding: 64rpx 10rpx;

			.item-icon {
				margin-right: 20rpx;
			}
		}

		.edit-btn {
			position: fixed;
			bottom: 0;
			height: 150rpx;
			padding: 0 64rpx;
			width: calc(100% - 128rpx);
			background-color: #fff;
			border-top-right-radius: 60rpx;
			border-top-left-radius: 60rpx;
			z-index: 2000;
		}
	}

	.bottom-back {
		margin-top: 10px;
		width: 750rpx;
		height: 44px;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/* #ifndef APP-NVUE */
		border: none;
		/* #endif */
		border-width: 0;
		border-radius: 0;
		background-color: #FFFFFF;
	}

	.bottom-back-text {
		font-size: 33rpx;
	}

	/deep/ .u-form-item {
		margin-bottom: 24rpx;
	}

	/deep/ .u-button--primary {
		color: #fff;
		background-color: #4680F9;
		border-color: #4680F9;
		border-width: 1px;
		border-style: solid;
		border-radius: 20rpx;
	}

	/deep/ .u-form-item__body__right__content {
		flex-direction: row;
	}
</style>