- video显示错位
如下图所示,video显示经常性的错位,蓝色的正方形图片是我设置的poste,它现在上移了,导致露出黑框。 请问以下的结构和样式有问题吗?如何布局才能让原生的video组件显示正常 结构如下:(ps:text元素并没有渲染出来,无需考虑) <view class="video-component" wx:if="{{!isHideVideo}}" catchtap="{{preventNavToDetail}}"> <view wx:for="{{videos}}" wx:key="unique" wx:for-item="video"> <video src="{{video}}" objectFit="cover" controls poster="{{videoFirstFrame}}"></video> <text wx:if="{{isShowDeleteButton}}" class="ico video-delete" catchtap="{{deleteVideo}}"></text> </view> </view> 样式如下: [代码].video-component, .video-component > view {[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码]}[代码] [代码].video-component > view {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]45[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]360[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]360[代码][代码]rpx;[代码][代码]}[代码] [代码].video-component > view video {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码] [代码].video-component .ico.video-delete {[代码][代码] [代码][代码]display[代码][代码]:inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]position[代码][代码]:[代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]160[代码][代码]rpx;[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]-70[代码][代码]rpx;[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]100[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]40[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]40[代码][代码]rpx;[代码][代码] [代码][代码]background-position[代码][代码]: [代码][代码]0[代码] [代码]-476[代码][代码]rpx;[代码][代码]}[代码][图片]
2017-09-04 - uploadFile 卡住无响应
代码和截图如下所示, 环境:安卓7.0 现象: 1. 执行uploadVideo方法就会卡住(主要表现为点击屏幕无反应,loading不转了),百分百在我手机上重现; 2. 当我注释掉uploadTask.onProgressUpdate时,虽不会出现但会上传失败。 3. 只在上传较大文件(100M左右)才会出现,十几M会卡一小会(零点几秒)且很快就好了。 一开始我以为是频繁的setData所致,但是应该不会。我是上传一个100M的视频文件,且在进度每增加20%时才会setData一次(大约好几秒才setData),并不会太频繁。 [代码]uploadVideo: [代码][代码]function[代码] [代码](successCallback) {[代码][代码] [代码][代码]let failCallback = () => {[代码][代码] [代码][代码]if[代码] [代码](wx.hideLoading) { wx.hideLoading() }[代码][代码] [代码][代码]common.doAnimation([代码][代码]'error'[代码][代码], [代码][代码]'视频上传失败,请删除视频后重新提交'[代码][代码], [代码][代码]this[代码][代码]);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]let uploadTask = wx.uploadFile({[代码][代码] [代码][代码]url: inter.imp().video_upload,[代码][代码] [代码][代码]filePath: [代码][代码]this[代码][代码].data.videoURL[0],[代码][代码] [代码][代码]name: [代码][代码]'file'[代码][代码],[代码][代码] [代码][代码]method: [代码][代码]'POST'[代码][代码],[代码][代码] [代码][代码]header: {[代码][代码] [代码][代码]"apsid"[代码][代码]: userProfile.apsid[代码][代码] [代码][代码]},[代码][代码] [代码][代码]success: (res) => {[代码][代码] [代码][代码]let data = JSON.parse(res.data);[代码][代码] [代码][代码]if[代码] [代码](data.err_code == 0) {[代码][代码] [代码][代码]this[代码][代码].data.postVideo.push(data.data.video_name)[代码][代码] [代码][代码]isNewVideo = [代码][代码]false[代码][代码];[代码][代码] [代码][代码]successCallback()[代码][代码] [代码][代码]} [代码][代码]else[代码] [代码]{[代码][代码] [代码][代码]failCallback()[代码][代码] [代码][代码]}[代码][代码] [代码][代码]},[代码][代码] [代码][代码]fail: () => { failCallback() }[代码][代码] [代码][代码]});[代码] [代码] [代码][代码]let initUploadedPercent = 20;[代码][代码] [代码][代码]uploadTask && uploadTask.onProgressUpdate((res) => {[代码][代码] [代码][代码]console.log([代码][代码]'上传进度'[代码][代码], res.progress)[代码][代码] [代码][代码]console.log([代码][代码]'已经上传的数据长度'[代码][代码], res.totalBytesSent)[代码][代码] [代码][代码]console.log([代码][代码]'预期需要上传的数据总长度'[代码][代码], res.totalBytesExpectedToSend)[代码][代码] [代码][代码]if[代码] [代码](res.progress >= initUploadedPercent) {[代码][代码] [代码][代码]this[代码][代码].setData({ uploadedPercent: initUploadedPercent })[代码][代码] [代码][代码]initUploadedPercent += 20;[代码][代码] [代码][代码]}[代码][代码] [代码] [代码] [代码][代码]})[代码][代码] [代码][代码]},[代码] [图片]
2017-08-29 - 1.5基础库wx.getSystemInfo并不能获取到brand字段
wx.getSyetemInfo({ success: (res) => { //res 对象并没有1.5新增的brand字段 } });
2017-08-22