【微信小程序开发笔记】--苹果手机的悬浮按钮居中问题

最新推荐文章于 2023-10-11 14:26:36 发布

_lafen

最新推荐文章于 2023-10-11 14:26:36 发布

阅读量2.9k

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/aini2464/article/details/78053653

版权

本文是关于微信小程序开发中遇到的苹果手机悬浮按钮居中问题的笔记。开发者在实现页面布局时，发现苹果手机上的悬浮按钮未正确居中，通过尝试和搜索，最终找到解决方案，即在样式中添加特定的兼容性设置。

摘要由CSDN通过智能技术生成

小程序开发笔记（二）–苹果手机的悬浮按钮居中问题

记录小程序开发过程中遇到的那些问题

先看效果图

页面效果图

页面很简单，上面两个输入框，下方一个按钮，输入框分别是textarea和input，按钮在这里我做成悬浮状态（演示用，实际并不需要悬浮）。

页面代码：

<view class="container">
  <view class="textarea-wrp">
    <view class='new'>
      <text class='newtext'>新增设备：</text>
      <textarea class='newtextarea' placeholder-style="color:#b2b2b2" placeholder="请输入设备名称" bindblur="bindKeyInputCompany" auto-height/>
    </view>
    <view class="page-head-line"></view>