uni-app web-view 下方内容不显示的解决方法

这段代码中，web-view 页面下面的 view 中的内容不显示的原因是因为这些 view 的样式设置了 position 为 absolute，并且 z-index 为 10000，这使得它们处于一个比较高的层级，覆盖在 web-view 上方，导致内容不可见。

为了解决这个问题，可以尝试修改 view 的样式，将 z-index 设置为一个较小的值，或者将 position 设置为 relative，这样就可以让 view 的内容显示在 web-view 的下方。

以下是修改后的样例代码：

<template>
  <view>
    <web-view :src='pdfUrl' :update-title='false' :webview-styles='mystyle'></web-view>
    <view class='buttongroup' style='width: 100%;'>
      <view class='checkgroup'>
        <u-text>审批人：</u-text>
        <u-text @click='passReturn()' suffixIcon='arrow-leftward'></u-text>
        <u-icon slot='right' name='arrow-right'></u-icon>
      </view>
    </view>
    <view class='modelPass'>
      <u-modal :content='contentPass' :show='showPass' showCancelButton closeOnClickOverlay
        @confirm='confirmPass()' @cancel='cancel()'></u-modal>
    </view>
    <view class='modelReject'>
      <u-modal :content='contentReject' :show='showReject' showCancelButton closeOnClickOverlay
        @confirm='confirmReject()' @cancel='cancel()'></u-modal>
    </view>
    <view class='picker'>
      <u-picker :show='showReturn' :columns='statelist' keyName='label' title='回退至' closeOnClickOverlay
        @cancel='cancel()' @confirm='confirmReturn($event)' @close='close()' @change='change()'></u-picker>
    </view>
    <view class='picker' style='width: 100%;'>
      <u-picker :show='showReturn' :columns='statelist' keyName='label' title='审批人' closeOnClickOverlay
        @cancel='cancel()' @confirm='confirmReturn($event)' @close='close()' @change='change()'></u-picker>
    </view>
  </view>
</template>

在上面的样例代码中，将 view 的样式改为了 position 为 relative，并且去掉了 z-index 属性，这样 view 的内容就可以正常显示在 web-view 的下方了。