workorder-front/pages_order/order/ModifyMembers.vue

<template>
	<!-- 修改成员 -->
	<view class="page">
		<navbar title="修改成员" leftClick @leftClick="$utils.navigateBack" />

		<view class="box">
			<view class="ChangeheadPortrait">
				
				<view class="headPortrait">
				</view>
				<view class="Bo">
					<uv-icon name="edit-pen" size="60"></uv-icon>
				</view>

			</view>

			<view class="ChangeAccountpassword">

				<view class="ChangeName">
					员工账号：
					<uv-input placeholder="请输入员工账号" border="bottom"></uv-input>
					<view class="Bo">
						<uv-icon name="edit-pen" size="60"></uv-icon>
					</view>

				</view>
				<view class="Changepassword">
					员工密码：
					<uv-input placeholder="请输入员工密码" border="bottom"></uv-input>
					<view class="Bo">
						<uv-icon name="edit-pen" size="60"></uv-icon>
					</view>

				</view>
			</view>

			<view class="preservation">
				保存
			</view>
		</view>

	</view>
</template>

<script >
	export default {
		data() {
			return {
				value: ''

			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			}

		}
	}
</script>

<style scoped lang="scss">
	.page {
		.box {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			justify-content: space-around;
			height: 1300rpx;

			.ChangeheadPortrait {
				display: flex;
				align-items: center;
				
				.headPortrait {
					height: 150rpx;
					width: 150rpx;
					background-color: yellowgreen;
					
					.Bo{
						margin-right: 50rpx;
					}

				}
			}

			.ChangeAccountpassword {
				.ChangeName {
					display: flex;
					align-items: center;
					margin: 25rpx 0rpx;
					font-size: 35rpx;

					.Bo {
						margin-right: 50rpx;
					}
				}

				.Changepassword {
					display: flex;
					align-items: center;
					font-size: 35rpx;

					.Bo {
						margin-right: 50rpx;
					}
				}

			}

			.preservation {
				background-color: #169bd5;
				padding: 35rpx 70rpx;
				border-radius: 20rpx;


			}

		}
	}
</style>