57 lines
1.2 KiB
Vue
57 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<view>
|
||
|
|
<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
|
||
|
|
<block slot="backText">返回</block>
|
||
|
|
<block slot="content">忘记密码</block>
|
||
|
|
</cu-custom>
|
||
|
|
<view class="register">
|
||
|
|
<view class="reg-form">
|
||
|
|
<view class="reg-icon">
|
||
|
|
<text class="cuIcon-mobile lg"></text>
|
||
|
|
</view>
|
||
|
|
<view class="reg-input">
|
||
|
|
<input @input="InputPhone" placeholder="请输入手机号码" name="input"></input>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="reg-form">
|
||
|
|
<view class="reg-icon">
|
||
|
|
<text class="cuIcon-lock lg"></text>
|
||
|
|
</view>
|
||
|
|
<view class="reg-input">
|
||
|
|
<input @input="InputCode" placeholder="请输入验证码" name="input"></input>
|
||
|
|
</view>
|
||
|
|
<view class="reg-btn">
|
||
|
|
<button class='cu-btn line-blue radiued'>发送验证码</button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="flex flex-direction mt30">
|
||
|
|
<button class="cu-btn bg-blue lg round" @click="goToNext">下一步</button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
//跳转事件
|
||
|
|
goToNext(e) {
|
||
|
|
uni.navigateTo({
|
||
|
|
url: '/pages/login/forget/forget-reset'
|
||
|
|
});
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
page{
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
}
|
||
|
|
</style>
|