小程序底部input输入框，键盘弹起时页面整体上移问题解决

解决小程序中键盘弹起时页面整体上移的问题，可以通过设置<page-meta>标签中的page-orientation属性为portrait来确保页面不会随键盘弹起而改变布局。

以下是一个简单的示例代码：

<!-- 在小程序页面的json文件中 -->
{
  "usingComponents": {},
  "navigationBarTitleText": "输入页面",
  "disableSwipeBack": "true",
  "pageOrientation": "portrait"
}

<!-- 在小程序页面的wxml文件中 -->
<view class="container">
  <input type="text" placeholder="请输入内容" />
</view>

/* 在小程序页面的wxss文件中 */
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
 
input {
  width: 100%;
  margin-top: 20rpx;
}

在这个示例中，pageOrientation属性被设置为portrait，这意味着页面将永远不会横向显示，即使键盘弹起，页面也不会因此而改变布局。这是通过小程序的页面配置实现的，无需在代码中进行额外处理。