修复h5

uniapp/pages/login/forget.vue

@@ -17,23 +17,21 @@
 				<!-- 第一步：验证租户和账号 -->
 				<view v-if="currentStep === 1" class="form">
 					<view class="field">
-						<u-input
+						<input
+							class="field-input"
 							v-model="form.tenant_name"
+							type="text"
 							placeholder="租户名称"
-							border="none"
-							color="#303133"
-							:customStyle="inputStyle"
-							:placeholderStyle="placeholderStyle"
+							placeholder-class="field-placeholder"
 						/>
 					</view>
 					<view class="field">
-						<u-input
+						<input
+							class="field-input"
 							v-model="form.account"
+							type="text"
 							placeholder="账号"
-							border="none"
-							color="#303133"
-							:customStyle="inputStyle"
-							:placeholderStyle="placeholderStyle"
+							placeholder-class="field-placeholder"
 						/>
 					</view>
 
@@ -54,15 +52,13 @@
 					</view>
 
 					<view v-if="verifyResult.phone" class="field">
-						<u-input
+						<input
+							class="field-input"
 							v-model="form.phone"
-							placeholder="手机号"
-							type="number"
+							type="tel"
 							maxlength="11"
-							border="none"
-							color="#303133"
-							:customStyle="inputStyle"
-							:placeholderStyle="placeholderStyle"
+							placeholder="手机号"
+							placeholder-class="field-placeholder"
 						/>
 					</view>
 					<view v-else class="empty-contact">
@@ -70,15 +66,13 @@
 					</view>
 
 					<view class="field field-row">
-						<u-input
+						<input
+							class="field-input"
 							v-model="form.sms_code"
-							placeholder="短信验证码"
 							type="number"
 							maxlength="6"
-							border="none"
-							color="#303133"
-							:customStyle="inputStyle"
-							:placeholderStyle="placeholderStyle"
+							placeholder="短信验证码"
+							placeholder-class="field-placeholder"
 						/>
 						<text
 							class="code-link"
@@ -109,25 +103,21 @@
 					</view>
 
 					<view class="field">
-						<u-input
+						<input
+							class="field-input"
 							v-model="form.new_password"
-							placeholder="新密码"
 							type="password"
-							border="none"
-							color="#303133"
-							:customStyle="inputStyle"
-							:placeholderStyle="placeholderStyle"
+							placeholder="新密码"
+							placeholder-class="field-placeholder"
 						/>
 					</view>
 					<view class="field">
-						<u-input
+						<input
+							class="field-input"
 							v-model="form.confirm_password"
-							placeholder="确认新密码"
 							type="password"
-							border="none"
-							color="#303133"
-							:customStyle="inputStyle"
-							:placeholderStyle="placeholderStyle"
+							placeholder="确认新密码"
+							placeholder-class="field-placeholder"
 						/>
 					</view>
 
@@ -170,14 +160,6 @@ const verifyResult = reactive({
 	email: ''
 })
 
-const inputStyle = {
-	backgroundColor: 'transparent',
-	padding: '0 8rpx',
-	height: '96rpx',
-	fontSize: '28rpx'
-}
-const placeholderStyle = 'color: #909399; font-size: 28rpx'
-
 function startCountdown() {
 	countdown.value = 60
 	if (timer) clearInterval(timer)
@@ -386,12 +368,35 @@ onUnmounted(() => {
 	background: $color-bg-page;
 	border-radius: $radius-md;
 	padding: 0 24rpx;
-	overflow: hidden;
+	min-height: 96rpx;
+}
+
+.field-input {
+	width: 100%;
+	height: 96rpx;
+	line-height: 96rpx;
+	font-size: 32rpx;
+	color: $color-text;
+	background: transparent;
+	border: none;
+	outline: none;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+}
+
+.field-placeholder {
+	color: $color-text-muted;
+	font-size: 32rpx;
 }
 
 .field-row {
 	display: flex;
 	align-items: center;
+
+	.field-input {
+		flex: 1;
+		min-width: 0;
+	}
 }
 
 .code-link {