Skyline渲染引擎
代码如下所示 .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
我设置了[图片],但是发现样式无法展示,客户度提示不支持,但是我看文档是支持的[图片][图片]
[图片]
tabbar页面使用Skyline模式来回切换后 skyline页面白屏 但是页面上对应元素的点击事件可以触发 将小程序置于后台再切回前台 就会展示页面
[图片] 如图,高度实际计算不会吧gap 的间距计算进去
小程序示例
交互动画 tab
坑还是很多,我提问的也是类似这方面的,还没人作答。