|
@@ -228,13 +228,17 @@ onUnmounted(() => {
|
|
<!-- 第一步:输入手机号 -->
|
|
<!-- 第一步:输入手机号 -->
|
|
<view v-if="step === 1">
|
|
<view v-if="step === 1">
|
|
<wd-form ref="form" :model="formData">
|
|
<wd-form ref="form" :model="formData">
|
|
- <view class="mb-60rpx">
|
|
|
|
|
|
+ <view class="bandhu-auth-input-field phone-input-wrapper mb-60rpx" style="border: none; display:flex;align-items:center;">
|
|
|
|
+ <view class="phone-area-code" style="padding:0 8rpx;font-size:28rpx;color:#333">
|
|
|
|
+ +88
|
|
|
|
+ </view>
|
|
<wd-input
|
|
<wd-input
|
|
v-model="formData.phone"
|
|
v-model="formData.phone"
|
|
prop="phone"
|
|
prop="phone"
|
|
:placeholder="t('auth.forgotPassword.phone.placeholder')"
|
|
:placeholder="t('auth.forgotPassword.phone.placeholder')"
|
|
no-border
|
|
no-border
|
|
- custom-class="bandhu-auth-input-field"
|
|
|
|
|
|
+ type="number"
|
|
|
|
+ custom-class="flex-1"
|
|
/>
|
|
/>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
@@ -254,19 +258,26 @@ onUnmounted(() => {
|
|
<view v-else>
|
|
<view v-else>
|
|
<wd-form ref="form" :model="formData">
|
|
<wd-form ref="form" :model="formData">
|
|
<view class="mb-40rpx space-y-32rpx">
|
|
<view class="mb-40rpx space-y-32rpx">
|
|
- <wd-input
|
|
|
|
- v-model="formData.phone"
|
|
|
|
- prop="phone"
|
|
|
|
- no-border
|
|
|
|
- readonly
|
|
|
|
- custom-class="bandhu-auth-input-field"
|
|
|
|
- />
|
|
|
|
|
|
+ <view class="bandhu-auth-input-field phone-input-wrapper" style="border: none; display:flex;align-items:center;">
|
|
|
|
+ <view class="phone-area-code" style="padding:0 8rpx;font-size:28rpx;color:#333">
|
|
|
|
+ +88
|
|
|
|
+ </view>
|
|
|
|
+ <wd-input
|
|
|
|
+ v-model="formData.phone"
|
|
|
|
+ prop="phone"
|
|
|
|
+ no-border
|
|
|
|
+ readonly
|
|
|
|
+ type="number"
|
|
|
|
+ custom-class="flex-1"
|
|
|
|
+ />
|
|
|
|
+ </view>
|
|
<view class="flex items-center gap-20rpx">
|
|
<view class="flex items-center gap-20rpx">
|
|
<wd-input
|
|
<wd-input
|
|
v-model="formData.verifyCode"
|
|
v-model="formData.verifyCode"
|
|
prop="verifyCode"
|
|
prop="verifyCode"
|
|
:placeholder="t('auth.forgotPassword.verifyCode.placeholder')"
|
|
:placeholder="t('auth.forgotPassword.verifyCode.placeholder')"
|
|
no-border
|
|
no-border
|
|
|
|
+ type="number"
|
|
custom-class="flex-1 bandhu-auth-input-field"
|
|
custom-class="flex-1 bandhu-auth-input-field"
|
|
/>
|
|
/>
|
|
<wd-button
|
|
<wd-button
|