渲染层错误

获取成功，但图片就是不显示，是怎么回事啊，求求大佬了，帮忙解答一下

<!--轮播图-->

<view class="bannan" >

<swiper style="width:100%;height: 300rpx;" autoplay="true" interval="2000">

<swiper-item wx:for="{{bannan}}" wx:key="_id">

<image src="{{item.src}}"

style="width: 100%;height: 300rpx;"></image>

</swiper-item>

</swiper>

 onLoad:function(){

    let that=this

    db.collection('swipper').get({

      success:function(res){

        console.log('轮播图获取成功',res)

        this.setData({

          current:0,

          bannan:res.data

        })

      },

      fail:function(res){

        console.log('轮播图获取失败',res)

      },

    })

}