<template>
  <view class="page_css">
    <view class="suc-icon">
      <u-icon
        size="100"
        name="checkmark-circle-fill"
        color="rgba(187,187,187,1)"
      ></u-icon>
    </view>
    <view class="suc-title">恭喜您！成功注册账号</view>
    <view class="suc-txt">请等待客服进行审核！</view>
    <view class="suc-txt">您的账号信息为：</view>
    <view class="suc-txt"> 账号：<i>{{ account }}</i> </view>
    <view class="suc-txt" style="margin-bottom: 128rpx">
      密码：<i v-if="!isView">{{ password | maskText }}</i
      ><i v-if="isView">{{ password }}</i>
      <u-icon
        @click="viewFun"
        size="48"
        :name="isView ? 'eye-fill' : 'eye-off'"
        color="rgba(187,187,187,1)"
      ></u-icon
    ></view>
    <u-button class="item-bottom" type="primary" @click="linkLogin">
      前往登录
    </u-button>
  </view>
</template>
<script>
export default {
  data() {
    return {
      isView: false,
      password: "",//密码
      account:'',//账号
    };
  },
  // 在Vue组件中定义过滤器
  filters: {
    maskText(value) {
      return value.replace(/./g, "*");
    },
  },
  onLoad(option){
    this.account = option.account
    this.password = option.pwd
  },
  onShow(){
   
  },
  methods: {
    linkLogin() {
      uni.redirectTo({
        url: "/pages/login/login",
      });
    },
    viewFun() {
      this.isView = !this.isView;
    },
  },
};
</script>
<style lang="scss" scoped>
.page_css {
  padding: 32rpx 64rpx 32rpx 64rpx;
  text-align: center;
  .suc-icon {
    // font-size: ;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 200rpx;
    margin-bottom: 64rpx;
  }
  .suc-title {
    font-size: 56rpx;
    color: rgba(16, 16, 16, 1);
    font-weight: 550;
    margin-bottom: 32rpx;
  }
  .suc-txt {
    font-size: 32rpx;
    color: rgb(16, 16, 16);
    text-align: left;
    padding-left: 32rpx;
    margin-bottom: 32rpx;
    i {
      color: rgba(58, 98, 215, 1);
    }
    /deep/.u-icon--right {
      float: right;
    }
  }
}
</style>