支持 IntersectionObserver,但目前只支持相对于 viewport 的(即 scroll-view)。 懒加载+过渡动画,我会建议用 list-builder / grid-builder,这两个长列表组件都是进入可视区域时才创建组件的。
skyline 是不是不支持 IntersectionObserver API?如题 👆 附: 想实现列表项 懒加载+进入可视区过渡动画 的效果, 如果不能使用 IntersectionObserver API , 有什么比较好的其他方案吗? 计算 scrollTop 的方法有点担心性能问题
2024-05-16已知问题,下个版本修复
skyline模式,超出已设置overflowhidden父容器的子元素,仍然能触发点击事件的bug在skyline模式上,点击超出 已设置overflow:hidden的父容器 的子元素,仍然能触发点击事件。如果把整个父容器放在scroll-view里则是正常。 在webview模式上没有异常。
2024-04-29已知的问题,问题已修复,跟在下个版本
snapshot里面和外面的样式表现不一致?代码片段:https://developers.weixin.qq.com/s/SLUy7JmW7XQE 在真机(iphone15pro)输入框输入文字后动态修改 snapshot里面的view和在snapshot外面view的的文字表现不一致 但是只要输入够多的字又会一样 [图片]
2024-04-26media query 暂时还不支持。 可以先这样来做: 在 js 侧获取屏幕尺寸,然后 setData 给 wxml。 可以借助 less / sass 来简化 wxss <view class="{{ largeScreen ? 'large' : 'small' }}"> <view class="foo"></view> </view> // wxss .large .foo { } .normal .foo { }
Skyline渲染模式下,不支持css的媒体查询吗?/* 正常屏幕尺寸时 */ .card-container { display: flex; justify-content: center; width: 750rpx; height: 66.62vh; flex-grow: 1; margin-top: 2vh; } .icon-container { display: flex; justify-content: center; align-items: center; width: 750rpx; } /* 屏幕高度小于667px时 */ @media screen and (max-height: 667px){ .card-container { transform-origin: 50% 25%; transform: scale(0.906); display: flex; justify-content: center; width: 750rpx; height: 1000rpx; margin-top: 5vh; flex-grow: 1; } .icon-container { display: flex; justify-content: center; align-items: center; width: 600rpx; } 出现的问题是: 当我加了@media之后,发现所有手机尺寸的,都按这个样式生效了。 也就是说,相当于 @media screen and (max-height: 667px)这个筛选条件,并没有生效。 是skyline渲染引擎中不支持吗? 如果不支持的话,我应该怎么实现匹配不同屏幕的样式?
2024-04-26导出图片的宽高和 snapshot 尺寸一致(物理像素)
Snapshot 对象没有宽高属性https://developers.weixin.qq.com/miniprogram/dev/api/skyline/Snapshot.html 按照文档中的方法, 获取到 Snapshot 对象, 但是Snapshot对象并没有文档中所说的 number width画布宽度,number height画布高度 属性, 请问这个画布的宽高从哪里获取, 特别是调用takeSnapshot方法, 并返回rgba数据的时候, 没有宽高没办法处理这个图像的数组
2024-04-26麻烦给一个真实的页面或者片段,我这边看下。 ------------ 8.0.51 问题已修复
skyline内存泄漏问题怎么解决?公司项目升级到skyline,发现小程序页面进出次数多了之后,android卡死无响应,ios提示"运行内存不足,请重新打开该小程序"。 [图片] 感觉skyline跟webview相比内存占的更多,还有内存泄露问题。 内存泄露验证视频请扫码查看,进入空白页再退出webview释放了页面实例,但是skyline没有。 [图片] 代码片段:https://developers.weixin.qq.com/s/WZ8xSImO78Qs
2024-04-25skyline 暂不支持 woff2 格式,可以先改用 ttf 字体格式
renderer设置skyline后,页面的font-family没有效果了?代码如下,原来renderer是webview的时候运行正常 一旦改成skyline后,loadFontFace提示加载成功,但是文字字体效果没出来。 <view style="font-family: {{fontFamily}};"> 你好测试 </view> wx.loadFontFace({ global: true, family: fontFamily, source: `url("data:font/woff2;charset=utf-8;base64,${base64Res.data}")`, success: () => { console.log(`${fontFamily} 字体加载成功`); that.setData({ fontFamily: fontFamily }); }});
2024-04-22确认下工具是否开启了 skyline 渲染 https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/migration/
grid-viewz在真机ios展示不了,开发者工具可以,怎么处理?grid-viewz在真机ios展示不了,开发者工具可以
2024-04-22已知问题,下个版本会修复下
snapshot组件下的wx:if不能动态渲染有以下wxml <snapshot mode='view'> <view wx:if='{{show}}'>hello</view> </snapshot> 以下js Page({ data:{show:false}, onLoad() { setTimeout(()=>{ this.setData({show: true}) }, 1000) } }) 我希望页面加载1秒后把view显示出来,这时候我就可以调用方法生成截图。实际发现当show变化的时候, snapshot下的这个view并不会跟着变化。 当我在snapshot上加上一个wx:if,重新加载snapshot节点之后,这个view就正常显示在snapshot里了。 在官方示例上复现了此问题,在开发工具上显示是正确的(但导出截图是空白),在真机上就可以复现此问题。
2024-04-18skyline 下暂时还不支持获取 computed style
computed style was null in selectQuery on skylineskyline渲染引擎下获取不了样式
2024-04-18