- 苹果手机, 小程序 有tabBar时,切换时, 视频播放不受控制
前提: 小程序的tabBar 有 1. 首页 2. 个人中心 现像是: step1: 小程序 打开后到首页, 首页有一个视频这时自动播放 step2: 首页视频播放中时 ,点 个人中心时, 首页那个视频还在自动播放. 这是一个bug 在step2的基础上,当首页 onHide时, wx.createVideoContext('myVideo').pause(); 这是解决了问题. 不播放了. step3: 点击个人中心的 头像时, wx.na3vigateTo(" 头像的页面"). 视频这时不播放 step4: 头像的页面 上点返回时, 返回到 个人中心时, android 首页视频这时不播放 ---符合预期 苹果手机 首页视频这时又播放 ---不符合预期 注:tabBar 在个人中心时,并没有看到 getCurrentPages() 里有首页存在, 调试工具和android 手机正常.
2018-08-21 - cover-image圆角无效
cover-view设置border-radius=50%以及border-radius=宽高一半,在模拟器上是圆形,在真机上不是圆形。cover-image设置border-radius=50%以及border-radius=宽高一半没有效果。 [图片] [图片]
2017-12-19 - cover-image加载问题
嵌套在map组件内的cover-image [代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"detail-box"[代码] [代码]hidden[代码][代码]=[代码][代码]"{{!spotDetail.show}}"[代码] [代码]catchtap[代码][代码]=[代码][代码]"markersMenuTap"[代码] [代码]id[代码][代码]=[代码][代码]"1"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"flex-h img-title"[代码][代码]>[代码][代码] [代码][代码]<!--发现cover-image没有加wx:if,首次图片会渲染不了 -->[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"img-box"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-image[代码] [代码]class[代码][代码]=[代码][代码]"img"[代码] [代码]src[代码][代码]=[代码][代码]"{{spotDetail.newPlaceImgUrl}}"[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{spotDetail.newPlaceImgUrl}}"[代码] [代码]binderror[代码][代码]=[代码][代码]"detailImgErr"[代码] [代码]bindload[代码][代码]=[代码][代码]"detailImgLoad"[代码][代码]></[代码][代码]cover-image[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-image[代码] [代码]class[代码][代码]=[代码][代码]"play"[代码] [代码]src[代码][代码]=[代码][代码]"{{audio.isPlay?'../../img/pause-icon-v2.png':'../../img/play-icon-v2.png'}}"[代码] [代码]catchtap[代码][代码]=[代码][代码]"audioSpotDetail"[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{spotDetail.type==='spot'&&spotDetail.isHaveExplainContents}}"[代码][代码]></[代码][代码]cover-image[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"title-box"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"title"[代码][代码]>{{spotDetail.title}}</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"btn"[代码] [代码]catchtap[代码][代码]=[代码][代码]"markersMenuTap"[代码] [代码]id[代码][代码]=[代码][代码]"2"[代码][代码]>前往</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码].detail-box {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]39[代码][代码]rpx [代码][代码]39[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]/* height: 462rpx; */[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]white[代码][代码];[代码][代码] [代码][代码]-webkit-box-sizing: border-box;[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码]}[代码][代码].detail-box .close-btn {[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]39[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]}[代码] [代码].detail-box .close-btn cover-image {[代码][代码] [代码][代码]margin[代码][代码]: [代码][代码]18[代码][代码]rpx [代码][代码]auto[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]39[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]39[代码][代码]rpx;[代码][代码] [代码][代码]/* line-height: auto; */[代码][代码]}[代码] [代码].detail-box .img-title {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]32[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#363636[代码][代码];[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]48[代码][代码]rpx;[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码]}[代码] [代码].img-title .img-box {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]27[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]180[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]180[代码][代码]rpx;[代码][代码]}[代码] [代码].img-box .img {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]solid[代码] [代码]1px[代码] [代码]transparent[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]9[代码][代码]rpx;[代码][代码] [代码][代码]-webkit-box-sizing: border-box;[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码]}[代码] [代码].img-box .play {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]50%[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]50%[代码][代码];[代码][代码] [代码][代码]margin[代码][代码]: [代码][代码]-42[代码][代码]rpx [代码][代码]-42[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]84[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]84[代码][代码]rpx;[代码][代码]}[代码] [代码].img-title .title {[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]15[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]426[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]99[代码][代码]rpx;[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]51[代码][代码]rpx;[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]32[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#363636[代码][代码];[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]white-space[代码][代码]: pre-wrap;[代码][代码]}[代码] 父容器用的absolute定位,,图片父容器用的relative定位,图片是absolute定位。 会出现cover-image.img使用的阿里云cdn地址图片,但是IOS经常渲染不出来,加了bindload和binderror发现能正常进入load函数,可是图片是空白的 [图片] [图片] 被cover-image加了border和wx:if都没办法解决。。如果有遇到的朋友希望告知下是什么原因导致的。怎么解决
2018-06-25 - video控件播放视频黑屏加载不出来
问题环境: 微信版本 6.7.3 主要问题: 视频加载卡顿加载时间很长,有时黑屏只有系统加载条 操作流程: 点击切换按钮,video加载视频就会出现以上问题 目前掌握一种暂时解决方法就是video控件加上一个缓存配置 custom-cache="{{false}}",但是加上这个配置后部分安卓机型反馈还是出现黑屏问题,同时这个缓存配置会导致其他问题: https://developers.weixin.qq.com/community/develop/doc/0006cae246c6380118777898857800 想请教官方有没有其他解决方案,目前小程序已上线,亟待解决,请尽快查看一下
2018-09-30