使用tab之后，显示情况如图。不过内容可以正常切换。

相关代码：

wxml:

<view style="width: 100%;height: 100%;position: absolute; background-image: url(https://images.pexels.com/photos/6216361/pexels-photo-6216361.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-size: 100% 100%;">

<van-tabs active="{{ active }}" bind:change="onChange">

  <van-tab title="未送达">内容 1</van-tab>

  <van-tab title="待支付">内容 2</van-tab>

  <van-tab title="待评价">内容 3</van-tab>

</van-tabs>

</view>

js:

data: {

        active: 0,

    },

    onChange(event) {

        wx.showToast({

          title: `切换到 ${event.detail.title}`,

          icon: 'none',

        });

      },

vant weapp给出的效果：