html52.com
我爱小程序-开发者交流社区

上拉加载数据(数据为视频时),自定义定位导航偏移

510.mp4'])    })},代码片段(wechatide://minicode/1sLNErmH7c39)(真机上测试问题才会出现)<view wx:for="{{img}}" wx:key="index">

<view wx:for="{{img}}" wx:key="index">

  <video  src='{{item}}' mode='widthFix'></video>{{index}}

</view>

<cover-view class='tab'>

    <cover-view>首页</cover-view>

    <cover-view>我的</cover-view>

</cover-view>


.tab{

    display: flex;

    justify-content: space-around;

    align-items: center;

    width: 750rpx;

    height: 100rpx;

    background: seagreen;

    position: fixed;

    bottom: 0;

}


data: {

img: ['https://wa.gtimg.com/qqlive/201808/BRDS_20180803091019510.mp4', 'https://wa.gtimg.com/qqlive/201808/BRDS_20180803091019510.mp4', 'https://wa.gtimg.com/qqlive/201808/BRDS_20180803091019510.mp4', 'https://wa.gtimg.com/qqlive/201808/BRDS_20180803091019510.mp4',]

},

/**

  * 页面上拉触底事件的处理函数

  */

onReachBottom: function () {

    var that = this;

    console.log('loadMore');

    that.setData({

        img: that.data.img.concat(['https://wa.gtimg.com/qqlive/201808/BRDS_20180803091019510.mp4'])

    })

},

代码片段(wechatide://minicode/1sLNErmH7c39)(真机上测试问题才会出现)




网友回复

那个很帅的小白:

提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付