https://developers.weixin.qq.com/s/s9TtimmR7nqO
使用VideoContext.requestFullScreen iOS端全屏后左滑出现bug?页面使用了VideoContext.requestFullScreen API使页面跳转到视频页面时自动打开,并自动播放。点击退出全屏时会使用bindfullscreenchange来触发函数,执行wx.navigateBack 跳回原来的页面。但现在在iOS端左滑时会直接退出全屏且不会跳转。而且退出全屏后视频组件会卡死。安卓端则没有问题,退出左滑或者右滑退出后会直接返回上一级页面。 即下图的情况 [图片] js // pages/video_page/video_page.js Page({ /** * 页面的初始数据 */ data: { beginning:true, // 是否初次进入 }, /** * 视频进入和退出全屏时触发 */ fullscreenChange(e){ console.log(this.data.beginning) if(this.data.beginning){ return } // console.log("退出全屏") // wx.navigateBack({ // delta: 1, // }) }, // 开始播放 playVideo(){ this.setData({ beginning:false, }) wx.hideLoading() }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { wx.showLoading({ title: '加载中', }) // this.videoContext = wx.createVideoContext("video", this); // this.videoContext.requestFullScreen({ direction: 0 }); }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } }) wxml <view> <!-- 遮罩层 --> <view class="mask" wx:if="{{beginning}}"></view> <video style="z-index:100" id="video" src="https://media.w3.org/2010/05/sintel/trailer.mp4" enable-auto-rotation="{{true}}" autoplay="{{true}}" bindfullscreenchange="fullscreenChange" bindplay="playVideo" > <view class="title"> <view class="image-box"> <image class="image" src="/public/img/temp-doc.jpg"></image> </view> <view class="doctor"> <view class="name"> <text>张三</text> <text>主治医师</text> <view class="iconfont iconlabel_01" style="font-size:26rpx;"></view> </view> <view class="hospital"> <text style="font-size:26rpx;">南京市鼓楼医院</text> </view> </view> </view> </video> </view> wxss .title{ position: fixed; bottom: 128rpx; color:#fff; left: 30rpx; display: flex; align-items: center; } /* 遮罩层 */ .mask{ position: fixed; top:0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 999; } .image{ height: 96rpx; width: 96rpx; border-radius: 50%; margin-right: 30rpx; border:4rpx solid #fff; } .doctor{ display: flex; flex-direction: column; justify-content: center; height: 96rpx; line-height: 48rpx; } .name{ height: 48rpx; display: flex; } .name text:nth-child(1){ font-size:34rpx; font-weight: 550; margin-right: 14rpx; } .name text:nth-child(2){ font-size: 26rpx; margin-right: 24rpx; } .hospital{ height: 48rpx; }
2021-05-17最近正好在做类似的东西,你可以在小程序端直接调用,先做云数据库方法初始化 wx.cloud.database()紧接着使用db.serverDate()这个方法。 我给你看一个代码段你应该就明白了,直接使用服务端的时间。查询时可以使用new date("里面是时间的值"),来恢复为date类型的值 db.collection('blog').add({ data:{ ...userInfo, content, //内容 img: fileIds, //图片 createTime: db.serverDate() //服务端的时间 } 云端存储的结果: [图片] 希望可以帮到你
小程序端如何往云数据库插入时间(Date)类型数据?我现在有个需求是筛选某个时间段的内容,要定义DATE类型字段isodate_time用于检索,但我发现存储后还是字符串类型的,请教大佬有什么方法在添加数据的时候规定字段类型。搜索了相关解答,要设置为db.serverDate(), 可我从前端传来的是data数组, 如何追加这个字段? 云函数处理 exports.main = async(event, context) => { switch (event.action) { case 'AddWlog': { let data = event.data; await db.collection('TABLE_WLOG').add({ data: data }) return { msg: 'ok' } } } } 发布页提交的数据 wx.cloud.callFunction({ name: 'wlogfun', data: { action: 'AddWlog', data: { openid: wx.getStorageSync('openid'), content: that.data.content, .... is_delete: 0, //isodate_time: new Date(Date.now() + 8 * 60 * 60 * 1000), create_time: timeutil.TimeCode(new Date()), update_time: timeutil.TimeCode(new Date()) } }, ... })
2021-03-03