我的-重置密码界面

teamwork/pages/my/my-resetpassword.vue

+<template>
+	<view class="main">
+		<view class="return">
+			<view class="return-btn"></view>
+		</view>
+		<view class="content">
+			<veiw class="password">
+				<span>原&ensp;密&ensp;码：</span>
+				<input placeholder="请输入原密码" type="text" :password="showPassword" name="input"></input>
+				<!-- <text :class="[!showPassword ?'cuIcon-attentionfill' : 'cuIcon-attentionforbidfill']" class="text-gray"  @click="showPwd" ></text> -->
+				<!-- <input type="safe-password" :value="originalPassword" :valplaceholder='请输入原密码'></input> -->
+			</veiw>
+			<veiw class="password">
+				<span>新&ensp;密&ensp;码：</span>
+				<input placeholder="请输入新密码" type="text" :password="showPassword" name="input"></input>
+			</veiw>
+			<veiw class="password">
+				<span>确认密码：</span>
+				<input placeholder="请确认密码" type="text" :password="showPassword" name="input"></input>
+			</veiw>
+		</view>
+		<view class="confirm">
+			<button class="confirm-btn" @click="confirmModification()">确认修改</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+			data() {
+				return {
+					showPassword: true,
+				}
+			},
+			methods: {
+				// showPwd: function() {
+				//           this.showPassword = !this.showPassword;
+				//            },
+				confirmModification(){
+					
+					uni.showModal({
+					    title: '温馨提示',  //提示标题
+					    content: '确认修改密码吗',  //提示内容
+					    showCancel: true, //是否显示取消按钮
+					    success: function (res) {
+					        if (res.confirm) {  //confirm为ture，代表用户点击确定
+					            console.log('点击了确定按钮');
+					        } else if (res.cancel) {  //cancel为ture，代表用户点击取消
+					            console.log('点击了取消按钮');
+					        }
+					    }
+					})
+				}
+	        }	
+		}
+</script>
+
+<style>
+	.main {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		background-color: #EDEEF0;
+	}
+	.return-btn{
+		
+		width: 70rpx;
+		height: 70rpx;
+		margin-top: 50rpx;
+		margin-left: 50rpx;
+		background-size:100% 100%;
+		background-image:url("/static/my/exit-icon.png");
+		background-repeat:no-repeat;
+	}
+	.content{
+		width:70%;
+		margin-top: 50%;
+		margin-left: auto;
+		margin-right: auto;
+	}
+	.password{
+		margin-top: 50rpx;
+		height: 15%;
+		display: flex;
+		align-items: center;
+		width: 100%;
+		border-bottom: 1px solid #ccc;
+	}
+	.confirm{
+		height: 20%;
+		margin-top: 20%;
+	}
+	.confirm-btn{
+		background-color:#F1992D ;
+		color: #FFFFFF;
+		width:70%;
+		height: 85rpx;
+		margin-top: 100rpx;
+		margin-left: auto;
+		margin-right: auto;
+		border-radius: 20rpx;
+	}
+</style>
\ No newline at end of file