Skyline渲染引擎
在一个页面中存在2个并列的scroll-view组件时候,第一个scroll-view x轴滚动里面是图片列表,第二个scroll-view里面是商品列表,如果第二个scroll-view中渲染的数量多的时候,第一个scroll-view滚动图片出现卡顿掉帧现象,scroll-view都设置了type=“list”
代码片段: https://developers.weixin.qq.com/s/GNYsoOmj8H4 微信基础库: 3.7.12 在渲染富文本的时候高度是正常, 但是内容缺失,如下图所示 [图片] 在使用 web-static 表现正常,如下图所示 [图片]
【问题描述】image 组件添加 fade-in 属性,安卓无渐显效果: [图片] ios有渐显效果,两端表现不一致。 [图片] 【微信版本号】安卓 8.0.65 【基础库版本】3.11.1 【必现 or 偶现】必现 【代码片段】https://developers.weixin.qq.com/s/GfVDjIm68s4o
【问题描述】文档中描述到可以给 ad-custom 设置 wxss 样式调整广告宽度。 [图片] 实际使用过程中,发现部分广告会出现溢出的问题,宽度未能自适应。 [图片] [图片] [图片] 同时,还发现广告中的文字被遮挡的问题。 [图片] 【代码片段】https://developers.weixin.qq.com/s/8jTwSHm3814v <!-- wxml --> <view class="adContainer"> <ad-custom unit-id="adunit-9084c70445bb229c" ad-intervals="60" bindload="adLoad" binderror="adError" bindclose="adClose"></ad-custom> </view> /* css */ .adContainer { margin: 20px; box-sizing: border-box; }
代码如下所示 .box { display: flex; flex-direction: column; align-items: flex-start; } .box_noalign { display: flex; flex-direction: column; } <view class="box"> <text>欢迎使用代码片段,可在控制台查看代码片段的说明和文档</text> </view> <view class="box_noalign"> <text>欢迎使用代码片段,可在控制台查看代码片段的说明和文档</text> </view> 截图显示。 skyline下文本不换行 [图片] webview 下文本正常换行 [图片] 复现代码: https://developers.weixin.qq.com/s/uN9LGEmh8a4R 环境:3.11.0
如题,在webView模式下就可以正常显示图片高度,但是skyline模式下只显示了跟图片一样的高度,height都是auto,而且官方image文档也没有对这个widthFix适不适用skyline进行标注。 webView: [图片] skyline: [图片]
【问题描述】Skyline下,子元素溢出父元素。 [图片] 切换到WebView渲染引擎,预期效果。 [图片] 把 css 中的 gap 属性注释掉,在子元素用 margin 属性代替就没有溢出,达到预期效果。疑似是 gap 属性导致的问题? [图片] 【代码片段】https://developers.weixin.qq.com/s/i0zyq5mX8P4B
https://developers.weixin.qq.com/s/YCug8UmM8M3s 上面是代码片段,在模拟器不会,苹果重启手机又好了,但是安卓会,且毕现,之前都没这个问题 机型具体信息 [图片]
grid-view padding="[20,20,20,20]" 不生效 <navigation-bar title="Weixin" back="{{false}}" color="black" background="#FFF"></navigation-bar> grid-view padding="[20,20,20,20]" <scroll-view class="scroll-area" type="custom" scroll-y> <grid-view type="aligned" cross-axis-count="7" main-axis-gap="2" cross-axis-gap="2" padding="[20,20,20,20]"> <view wx:for="{{list}}" style="border: 1px solid red;height: 20px;"></view> </grid-view> </scroll-view> [图片] 代码片段 https://developers.weixin.qq.com/s/7schRNmM8d3f
【问题描述】我看文档上写「SVG支持度已完善」。 [图片] 这里有个svg图片的网路路径,在浏览器上是可以正常显示的。 [图片] 放到小程序里面,使用image组件加载: Skyline渲染模式下,图片不显示,直接触发bind:error回调。 [图片] WebView渲染引擎下可以正常显示。 [图片] 【代码片段】https://developers.weixin.qq.com/s/aaXAZMmu8V3o
测试设备:iphone 13 pro, ios 18.5、华为 nova 14 pro, HarmonyOS 5.1.0、开发者工具 Stable 1.06.2504030 -> 均测试出bug 基础库:3.10.2 问题:自定义路由,popGestureDirection multi/vertical, 出现卡死bug 复现:纵向向下拖动(返回)过程中,向上拖动(取消返回)如果向上拖动导致页面中scroll-view有滚动的情况下,100%卡死(点击无任何反应,包括返回,只能重新打开小程序)。 请看vcr:https://saas-mall-demo.oss-cn-shenzhen.aliyuncs.com/ff6ec748487e15d8dfbbf763a656a3b3.mp4 https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/pop-gesture.html[图片]
img被当成xhr请求了,页面上是列表循环 有多个相同图片加载[图片]
Snapshot组件可以截图内容里带有canvas绘制的内容吗
微信小程序webview模式下 右侧滚动条按压拖动,内容会跟随滚动条变化。 但是我在官方给的skyline demo里面,发现 按压页面右侧的滚动条 没有一些效果 [图片]
https://developers.weixin.qq.com/s/ck2ABZmg8F1g [图片] 如上图,红色为父级容器,蓝色为子项,明显子项整个加起来的高度和父级容器对应不上。
[图片] [图片]
Skyline 渲染引擎
您好,我在使用官方推荐的 Skyline 小程序进行体验时,发现了一些性能上的问题,不确定是否是个别现象,想在这里请教一下大家。 我分别在以下环境中测试过: Android 15 设备(微信为最新版) Windows PC 微信开发者工具(最新版) 在这两种环境下,我注意到很多页面在滑动时无法达到 120fps,视觉上感觉比较卡顿,类似于 60fps 的表现。同时,一些组件加载和页面切换也有明显的卡顿现象。 相对来说,切换到 WebView 模式下,页面滑动似乎会更流畅一些。 我不确定是否是设备、配置或框架设置的问题,还是当前 Skyline 运行机制的特点。 欢迎有经验的朋友或官方团队指点一下,非常感谢!
https://developers.weixin.qq.com/s/PyYRBEm18e13 上面是代码片段,在ios真机出现,版本8.0.60,基础库3.8.11 我的textarea有一大段文本,限制高度的时候,会有滚动条,点击的时候出现键盘,我想编辑开头的文本,一滚动键盘就失焦,导致无法编辑
<scroll-view style="width: 100vw;height: 100vh;" type="list" scroll-x scroll-y > <view> <view wx:for="{{100}}" style="width: 200vw;">欢迎使用代码片段,可在控制台查看代码片段的说明和文档</view> </view> </scroll-view> 代码片段 https://developers.weixin.qq.com/s/jveh3BmZ8V1P
小程序示例
交互动画 tab
有按照长列表的最佳实践来写吗:
https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/migration/best-practice.html#%E4%BC%98%E5%8C%96%E9%95%BF%E5%88%97%E8%A1%A8%E6%80%A7%E8%83%BD