Files
Genarrative/miniprogram/pages/web-view/index.wxml
kdletters 665f09f047 修复移动端软键盘页面弹跳黑底
移除 H5 软键盘打开时平台壳全局 transform 位移,避免浏览器原生避让后再次弹跳。

保留键盘打开状态、底部 dock 隐藏和浅色根背景兜底,避免短表单露出黑色宿主底色。

补充小程序 web-view 原生 page 浅色背景和对应样式测试。

更新统一创作页与平台键盘适配文档,沉淀不再全局上移平台壳的约束。
2026-06-07 18:17:23 +08:00

79 lines
2.1 KiB
Plaintext

<block wx:if="{{webViewUrl}}">
<web-view
id="genarrative-web-view"
class="web-view-host"
src="{{webViewUrl}}"
bindload="handleWebViewLoad"
binderror="handleWebViewError"
bindmessage="handleWebViewMessage"
/>
</block>
<view wx:elif="{{nicknameRequired}}" class="setup-screen">
<view class="setup-card">
<view class="setup-title">完善昵称</view>
<view wx:if="{{errorMessage}}" class="setup-text setup-text--danger">
{{errorMessage}}
</view>
<input
class="nickname-input"
type="nickname"
value="{{nicknameInput}}"
placeholder="微信昵称"
disabled="{{loggingIn}}"
bindinput="handleNicknameInput"
bindblur="handleNicknameInput"
/>
<button
class="retry-button"
loading="{{loggingIn}}"
disabled="{{loggingIn}}"
bindtap="handleStartLogin"
>
{{loggingIn ? '正在提交' : '确认昵称'}}
</button>
</view>
</view>
<view wx:elif="{{loading}}" class="setup-screen">
<view class="setup-card">
<view class="setup-title">正在登录</view>
</view>
</view>
<view wx:elif="{{phoneBindingRequired}}" class="setup-screen">
<view class="setup-card">
<view class="setup-title">登录</view>
<view wx:if="{{errorMessage}}" class="setup-text setup-text--danger">
{{errorMessage}}
</view>
<view wx:if="{{returnToPreviousPage}}" class="setup-text">
登录完成后将自动返回。
</view>
<button
class="retry-button"
open-type="getPhoneNumber"
bindgetphonenumber="handleGetPhoneNumber"
loading="{{bindingPhone}}"
disabled="{{bindingPhone}}"
>
{{bindingPhone ? '正在绑定' : '手机号快捷登录'}}
</button>
<button
class="ghost-button"
disabled="{{bindingPhone}}"
bindtap="handleRetryLogin"
>
重新登录
</button>
</view>
</view>
<view wx:else class="setup-screen">
<view class="setup-card">
<view class="setup-title">无法进入</view>
<view class="setup-text">{{errorMessage}}</view>
<button class="retry-button" bindtap="handleRetryLogin">重试</button>
</view>
</view>