workorder-front/pages_order/order/ChangePassword.vue

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

		<view class="box">
			
			<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;

			.ChangeAccountpassword {
				.ChangeName {
					display: flex;
					align-items: center;
					margin: 80rpx 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>