You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.0 KiB
95 lines
2.0 KiB
<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> |