102 lines
2.1 KiB
Vue
102 lines
2.1 KiB
Vue
|
<template>
|
|||
|
|
<view class="codeSealBox">
|
|||
|
|
<!-- #ifdef H5 || APP-PLUS -->
|
|||
|
|
<view class="closeCode" @click="closeShowCode" style="top: 124rpx;">+</view>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<!-- #ifdef MP-WEIXIN -->
|
|||
|
|
<view class="closeCode" @click="closeShowCode">+</view>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<view class="title">
|
|||
|
|
<view class="name">签名密码</view>
|
|||
|
|
<view class="tip">6位数字签名密码</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="height: 36px;"></view>
|
|||
|
|
<valid-code ref="validCode" @finish="getInpCode" :maxlength="maxlength"></valid-code>
|
|||
|
|
<view style="height: 36px;"></view>
|
|||
|
|
<view class="forget" @click="forget">忘记密码？</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import validCode from '@/components/p-valid-code/p-valid-code.vue'
|
|||
|
|
import {contract} from '@/api/federation.js'
|
|||
|
|
export default {
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
maxlength: 6
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
components: {validCode},
|
|||
|
|
methods:{
|
|||
|
|
closeShowCode () {
|
|||
|
|
uni.navigateBack()
|
|||
|
|
},
|
|||
|
|
getInpCode (e){
|
|||
|
|
var params = {
|
|||
|
|
password: e
|
|||
|
|
}
|
|||
|
|
uni.showLoading({
|
|||
|
|
title:'请求中'
|
|||
|
|
})
|
|||
|
|
contract(params).then(e => {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
uni.switchTab({
|
|||
|
|
url: '/pages/my/my'
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 忘记密码
|
|||
|
|
forget(){
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pageMy/setUserBase/seal/forget?`
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.codeSealBox{
|
|||
|
|
padding: 285rpx 72rpx 0 72rpx;
|
|||
|
|
.closeCode{
|
|||
|
|
position: absolute;
|
|||
|
|
right: 30rpx;
|
|||
|
|
top: 120rpx;
|
|||
|
|
color: #1B66FF;
|
|||
|
|
transform: rotate(45deg);
|
|||
|
|
font-size: 40px;
|
|||
|
|
}
|
|||
|
|
.title{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.name{
|
|||
|
|
height: 46rpx;
|
|||
|
|
font-size: 46rpx;
|
|||
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: 46rpx;
|
|||
|
|
margin-right: 28rpx;
|
|||
|
|
}
|
|||
|
|
.tip{
|
|||
|
|
height: 38rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999999;
|
|||
|
|
line-height: 38rpx;
|
|||
|
|
}
|
|||
|
|
.forget{
|
|||
|
|
height: 38rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #5AA0FA;
|
|||
|
|
line-height: 38rpx;
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</style>
|