uniapp使用uview的u-popup组件设置从底部弹出渲染效果异常

Question

为什么设置底部弹出不显示组件框的？从上面左右两边都是正常的
这个是外层view的属性

<view style="height: 2000rpx; background-color: aliceblue;">

（为什么问问题还要凑够30个字啊）

Answer 1

上午好☀️☀️☀️️
本答案参考ChatGPT-3.5

根据你提供的代码，我发现可能存在一些问题导致底部弹出的渲染效果异常：

1. 设置问题：你提到要实现底部弹出效果，但是在代码中的 <u-popup> 组件的 mode 属性值是 "botton"，可能写错了，应该是 "bottom"。

2. 缺少结束标签：在弹出层的代码中， <view> 标签没有闭合，导致渲染出现异常。请确保所有标签都有正确的打开和关闭标签。

解决方案:

1. 将 <u-popup> 的 mode 属性改为 "bottom"。
2. 给 <view> 标签添加闭合标签，以正确关闭标签。

修改后的代码如下：

<view style="height: 2000rpx; background-color: aliceblue;">
  <!-- 弹出层 -->
  <u-popup show="show" round="10" mode="bottom" @close="close" @open="open" closeable="true" overlay="false" overlay-opacity="1">
    <view style="height: 600rpx;">
      <view>111111111</view>
    </view>
  </u-popup>
</view>

注意： 请在实际使用中确认 show、round、close、open 等属性和事件是否已正确定义和实现，并且确认 <u-popup> 组件的正确引入和配置。

这样修改后，应该能够正常显示底部弹出的组件框了。