jp-education-student/pages/youth/mine/changePhoneNumber/changeResult.vue

<template>
	<view>
		<u-navbar title="修改密码" >
		
		</u-navbar>
		
		<view class="main">
			   <view class="img-box">
			   	<img src="../../../../assets/img/result.png" alt="">
			   </view>
			   <view class="text">
			   	  <view class="success">
			   	  	修改成功
			   	  </view>
				  <view class="tips">
				  	您的密码已经修改生效
				  </view>
			   </view>
		</view>
		<button class="login" @click="gotoUrl('pages/youth/login/login')">立即登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #fff;
	}
  .main{
	  padding: 100rpx 0 80rpx 0;
	  .img-box{
		  width: 300rpx;
		  height: 300rpx;
		  overflow: hidden;
		  margin: auto;
		  img{
			  width: 100%;
			  height: 100%;
		  }
	  }
	  .text{
		  text-align: center;
		  line-height: 20px;
		  .success{
			  color: rgba(16, 16, 16, 1);
			  font-size: 20px;
			  
		  }
		  .tips{
			  color: rgba(119, 119, 119, 1);
          margin-top: 8rpx;
		  }
	  }
  }
  .login{
	  margin: 0 70rpx;
	  border-radius: 50px;
	  background-color: rgba(0, 186, 200, 1);
	  color: rgba(255, 255, 255, 1);
	  font-size: 32rpx;
	  line-height: 96rpx;
  }
</style>