Skyline渲染引擎
最新提问- 全部
- 文章
- 问答
- 全部
- 文章
- 问答
置顶skyline tab-bar 只能点击文字才能跳转
1、app.json 进行了配置[图片]， 2、coustom-tab-bar从官方拿来的例子 3、页面的布局是这样，scroll-view 留出来距离了[图片] 4、点击的热区只有文字“首页”和“我的”,而不是这个占了50%的一整块儿。 [图片]
06-20置顶Skyline字体只能跟随系统吗？
[图片] 上图是官方的参考代码（https://developers.weixin.qq.com/s/zk4z0ymt7GMW） 无论是自己写的、别人写的还是官方给的代码示例，只要开启了Skyline，在开发工具里就变成这个字体，真机预览时字体会跟随系统，切回WebView就是正常的 开发工具版本：1.06.2406182 问：Skyline字体只能跟随系统吗？不能自定义字体吗？
06-19置顶在webview渲染引擎下能打开调试器工具 而在skyline的渲染引擎下不能打开调试器工具？
[图片]
06-19置顶微信小程序开发者工具使用企业微信开发模式时skyline不支持吗？
调试基础库版本：2.20.3 微信开发者工具版本：1.06.2402040 [图片] 小程序模式是没问题的。。。切换到企业微信小程序模式就无法渲然页面了，请问skyline不支持这个问题怎么解决呢？
06-19置顶skyling swiper中 current 失效的问题？
onload 中 修改current的值 不生效 代码片段 https://developers.weixin.qq.com/s/LtnhI1mW7xSD
06-17置顶snapshot 长截图功能配合scroll-view截图不全的问题？
预期效果是这样子的 [图片] 实际上是这样子的 [图片]
06-17置顶Canvas 在 iOS 的 Skyline 下渲染有几率崩溃
问题表现： iOS + Skyline: Canvas 在页面初次挂载时启动渲染，有很大几率崩溃。（若加 1s setTimeout 延迟则不会崩溃）iOS + Webview: Canvas 渲染正常Android + Skyline: Canvas 渲染正常Android + Webview: Canvas 渲染正常目前临时解决方法： onReady() { setTimeout(() => { renderCanvas() }, 1000) // 加延迟等待 Canvas 完全初始化后再执行渲染逻辑 } 具体复现视频放在了 github 链接 readme 中（社区帖子中上传视频太麻烦了）
06-17置顶Skyline @media (prefers-color-scheme: dark) 异常
/* miniprogram/app.wxss */ page { color: black; background-color: white; } @media (prefers-color-scheme: dark) { page { color: white; background-color: black; } } 真机正常，开发者工具异常（媒体查询中定义的 dark mode 的样式全部失效）。
06-16置顶skyline worklet:should-accept-gesture多次识别？
pan-gesture-handler手势组件worklet:should-accept-gesture识别一次，但是vertical-drag-gesture-handler识别了2次？官方不是说只会识别一次吗? [图片] [图片] [图片]
06-11置顶使用snapshot保存图片到相册，会随机保存成功或者空白，请问是什么原因？
官方例子保存能一直成功，实际需求做完之后空白和保存成功概率一半一半，请问是什么原因（就是我连续点击四次保存，可能有2次成功，2次空白） 正常时候：[图片]空白时候：[图片]，什么原因会造成这种空白，或者如何判断生成的是空白图片，我想生成空白图片后重新调用生成图片到相册的接口，一直循环到生成成功
06-07置顶真机调试 2.0 ios下不支持 heap snapshot?
1.06.2405010 darwin-x64 开发者工具 ios 真机调试 2.0， 无法使用 heap snapshot 相关能力
06-06置顶skyline模式下wxss @import无效
在 app.wxss 全局样式中通过 @import 引入其他公用样式，在wxml中使用无效，将公用样式直接写在 app.wxss 后样式生效 不使用@import [图片] 使用@import [图片] webview模式下正常 [图片]
06-05置顶小程序开启skyline导致富文本真机编辑出现/n，而模拟器没问题
##富文本内容 <section data-role="outer" class="article135" label="edit by 135editor"><section label="Powered by 135editor.com" style="font-family:思源黑体;"><section style="background:#fdf7e1" class=""><section style=";-o-transform:translateZ(10px);transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section style="margin:10px auto;text-align:center;margin-top:-40px;-o-transform:rotate(0deg);transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);" class=""><section style="display:inline-block" class=""><p style="font-size:45px;letter-spacing:2px;color:#ff6d1c;text-shadow:0.044em 0.044em 0.022em #fbeb9a"><br></p><p style="font-size:45px;letter-spacing:2px;color:#ff6d1c;text-shadow:0.044em 0.044em 0.022em #fbeb9a"><strong>绘画培训班</strong></p><section style="font-size:30px;letter-spacing:1.5px;color:#ff6d1c;margin:0px 0px 10px 0px;text-shadow:0.067em 0.067em 0.033em #fbeb9a"><strong>正在火热招人中</strong></section><section style="font-size:16px;letter-spacing:1.5px;padding:4px 1em;color:#fff;background:#fea513;border-radius:6px;box-sizing:border-box" class=""><strong>高效提升专业 培养绘画兴趣</strong></section><section style="font-size:16px;letter-spacing:1.5px;padding:4px 1em;color:#ff6d1c;margin-top:15px;box-sizing:border-box;text-shadow:0.063em 0.063em 0.063em #fbeb9a" class=""><strong>2024年11月30日正式开课</strong></section></section></section></section><section style="padding:0px 15px;box-sizing:border-box" class=""><section><section style="margin:0px auto;text-align:center" class=""><section style="display:inline-block"><section style="display:flex;justify-content:center;align-items:center"><section class="assistant" style="width:40px;margin-right:-25px;box-sizing:border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);"><br></section><section style="font-size:16px;letter-spacing:1.5px;padding:6px 1em 6px 2em;background:#ffffff;color:#f78e05;box-sizing:border-box" class=""><strong>青山艺术启蒙班</strong></section></section></section></section></section><section><section style="margin:10px auto;text-align:center"><section style="display:flex;justify-content:flex-start;align-items:center" class=""><section class="assistant" style="width:45px;box-sizing:border-box;"><br></section><section class="assistant" style="flex:1 1 0%;height:4px;background:#ffffff;margin-top:5px;margin-left:10px;overflow:hidden"></section></section><section style="background:#ffffff;padding:1em;margin-top:-5px;box-sizing:border-box" hm_fix="300:471" class=""><section style="text-align:justify;line-height:1.75em;letter-spacing:1.5px;font-size:14px;color:#1ecaf3"><section style="text-align:justify;line-height:1.75em;letter-spacing:1.5px;font-size:14px;color:#3f3f3f" class=""><p style="vertical-align:inherit">以绘画和有针对性的绘画游戏方式，设计通过视觉、听觉、触觉等多感官的协调及多样化材料的运用，使孩子从感知到运用点、线、面进行造型，感受线、形、色的神奇变化及美感</p></section></section></section></section></section><section class=""><p style="vertical-align:inherit"><br></p></section><section style="height: 0px; overflow: hidden;"></section><section><section style="margin: 10px auto; text-align: center; height: 0px; overflow: hidden;" class=""></section></section><section style="height: 0px; overflow: hidden;"></section><section><section style="margin: 10px auto; text-align: center; height: 0px; overflow: hidden;" class=""></section></section><section><section style="margin:10px auto"><section style="border:10px solid #ffffff;padding:0px 20px 20px;box-sizing:border-box;background:#fff" class=""><section style="margin-top:20px" hm_fix="338:465" class=""><section style="text-align:center" class=""><section style="display:inline-block"><section style="font-size:16px;color:#fff;letter-spacing:1.5px;text-align:justify;box-sizing:border-box;background:#fea513;padding:6px 1em" class=""><strong>美术班开课指南</strong></section></section></section><section class="box-edit" style="margin-top:1.5em"><section style="display:flex;justify-content:flex-start;align-content:flex-start" class=""><section style="width:120px;flex-shrink:0;box-sizing:border-box;"><section style="display:inline-block"><section style="font-size:14px;letter-spacing:1.5px;padding:0px 2px;color:#333333;box-sizing:border-box">入学时间：</section><section style="max-width:100%;width:100%;height:5px;background:#fea513;margin-top:-5px;overflow:hidden;box-sizing:border-box;"></section></section></section><section style="font-size:14px;letter-spacing:1.5px;line-height:1.75em;text-align:justify;color:#464646" class=""><p style="vertical-align:inherit">2024年11月30日</p></section></section></section><section class="box-edit" style="margin-top:1em"><section style="display:flex;justify-content:flex-start;align-content:flex-start" class=""><section style="width:120px;flex-shrink:0;box-sizing:border-box;"><section style="display:inline-block"><section style="font-size:14px;letter-spacing:1.5px;padding:0px 2px;color:#333333;box-sizing:border-box">入学地址：</section><section style="max-width:100%;width:100%;height:5px;background:#fea513;margin-top:-5px;overflow:hidden;box-sizing:border-box;"></section></section></section><section style="font-size:14px;letter-spacing:1.5px;line-height:1.75em;text-align:justify;color:#464646" class=""><p style="vertical-align:inherit">青山路12单元12楼-520</p></section></section></section><section class="box-edit" style="margin-top:1em"><section style="display:flex;justify-content:flex-start;align-content:flex-start" class=""><section style="width:120px;flex-shrink:0;box-sizing:border-box;"><section style="display:inline-block"><section style="font-size:14px;letter-spacing:1.5px;padding:0px 2px;color:#333333;box-sizing:border-box">入学提示：</section><section style="max-width:100%;width:100%;height:5px;background:#fea513;margin-top:-5px;overflow:hidden;box-sizing:border-box;"></section></section></section><section style="font-size:14px;letter-spacing:1.5px;line-height:1.75em;text-align:justify;color:#464646" class=""><p style="vertical-align:inherit">注意安全，带好报名手续。</p></section></section></section></section></section></section></section><section><section style="margin:10px auto;text-align:center" class=""><p style="font-size:16px;letter-spacing:1.5px;padding:4px 1em;color:#3f3f3f;box-sizing:border-box"><br></p><p style="font-size:16px;letter-spacing:1.5px;padding:4px 1em;color:#3f3f3f;box-sizing:border-box"><strong>—END—</strong></p></section></section><section class=""><p style="vertical-align:inherit"><br></p></section><section><section style="font-size:14px;letter-spacing:1.5px;padding:4px 1em;color:#d98b5c;box-sizing:border-box;text-align:center" class=""><span style="color:#3f3f3f;font-family:微软雅黑, "Microsoft YaHei";">作者：青山小书童</span></section><section style="font-size:14px;letter-spacing:1.5px;padding:4px 1em;color:#d98b5c;box-sizing:border-box;text-align:center" class=""><span style="color:#3f3f3f;font-family:微软雅黑, "Microsoft YaHei";">文案 | 网络（侵删）</span></section></section><section class=""><section><section style="margin:10px auto;display:flex;flex-direction:column"><section style="margin-bottom:-12px"><section style="width:40px;height:20px;background-color:#d5260c;overflow:hidden;box-sizing:border-box;"></section></section><section style="background-color:#ffe26e;margin-left:7px;z-index:9"><section style="background-color:#ffffff;border:1px solid #ffe26e;padding:20px 10px;box-sizing:border-box;-o-transform:translate(-3px,-4px);transform: translate(-3px,-4px);-webkit-transform: translate(-3px,-4px);-moz-transform: translate(-3px,-4px);-o-transform: translate(-3px,-4px);"><section style="display:flex;justify-content:space-between;align-items:center"><section style="width:40%;box-sizing:border-box;max-width:40% !important;"><section style="width:110px;box-sizing:border-box;"><img style="width:258px;display:block;vertical-align:inherit;box-sizing:border-box;" title="undefined" src="https://oos-zsm.oss-cn-zhangjiakou.aliyuncs.com//mbookid/mphtml/202404/17/mphtml_ur17oLXG5g49fT6xfzJ6.jpg" data-width="100%" draggable="false" data-ratio="1" data-w="258"></section></section><section style="width:60%;box-sizing:border-box;max-width:60% !important;"><section style="display:flex;justify-content:center;align-items:center;margin-bottom:25px"><section><section style="display:flex;flex-direction:column"><section style="display:flex;justify-content:center;margin-bottom:-42px;height:40px"><section class="box-edit" style="background-color:#ffe26e;border-radius:100%;margin:0 -6px;box-sizing:border-box"><section style="width:2.5em;height:2.5em;background-color:#d5260c;border-radius:100%;overflow:hidden;box-sizing:border-box;transform: translate(-3px, -3px);-webkit-transform: translate(-3px, -3px);-moz-transform: translate(-3px, -3px);-o-transform: translate(-3px, -3px);"></section></section><section class="box-edit" style="background-color:#ffe26e;border-radius:100%;margin:0 -6px;box-sizing:border-box"><section style="width:2.5em;height:2.5em;background-color:#d5260c;border-radius:100%;overflow:hidden;box-sizing:border-box;transform: translate(-3px, -3px);-webkit-transform: translate(-3px, -3px);-moz-transform: translate(-3px, -3px);-o-transform: translate(-3px, -3px);"></section></section><section class="box-edit" style="background-color:#ffe26e;border-radius:100%;margin:0 -6px;box-sizing:border-box"><section style="width:2.5em;height:2.5em;background-color:#d5260c;border-radius:100%;overflow:hidden;box-sizing:border-box;transform: translate(-3px, -3px);-webkit-transform: translate(-3px, -3px);-moz-transform: translate(-3px, -3px);-o-transform: translate(-3px, -3px);"></section></section><section class="box-edit" style="background-color:#ffe26e;border-radius:100%;margin:0 -6px;box-sizing:border-box"><section style="width:2.5em;height:2.5em;background-color:#d5260c;border-radius:100%;overflow:hidden;box-sizing:border-box;transform: translate(-3px, -3px);-webkit-transform: translate(-3px, -3px);-moz-transform: translate(-3px, -3px);-o-transform: translate(-3px, -3px);"></section></section></section><section style="height:40px;z-index:9;display:flex;justify-content:center;align-items:center"><section style="font-size:16px;color:#ffffff;text-align:center"><strong>青山小书童</strong></section></section></section></section></section><section style="font-size:12px;color:#333333;text-align:center;line-height:1.75em">微 信 号：mbookid</section><section style="font-size:12px;color:#333333;text-align:center;line-height:1.75em" class="">新浪微博：@青山小书童</section></section></section></section></section></section></section><p style="vertical-align:inherit"><br></p></section></section></section><section class=""><p><br></p></section></section></section> 开启skyline的情况下模拟器调试不出现\n [图片] 开启skyline真机调试或者发布正式使用均 真机出现\n [图片] 如果不使用skyline模式则模拟器真机均不会出现\n问题 @微信开放社区 #微信开放社区 #skyline #skyline问题
06-04置顶skyline 模式image 标签动态替换 src，如果资源是 gif 展示空白？
skyline 模式下，image 标签动态替换 src，如果切换的资源是 gif，必现图片展示空白，该情况在真机及开发工具上都能复现。真机微信版本 8.0.49，开发工具版本 stable 1.06.2401020
06-03置顶skyline 手势操作返回报错null reading \'touches\'?
报错信息：Cannot read properties of null (reading \'touches\') [图片] 报错机型多为安卓机(JEF-AN00、JAD-AL50、ANN-AN00、2206123SC)，微信版本8.0.48、8.0.49 代码片段 <vertical-drag-gesture-handler tag="pan" shouldResponseOnMove="shouldPanResponse" simultaneousHandlers="{{ ['scroll'] }}" onGestureEvent="handleVerticalDrag" style="flex: 1; overflow: auto;width: 100%;" > <view>...<view> <vertical-drag-gesture-handler> js代码片段 handleVerticalDrag(evt) { 'worklet'; if (!this.customRouteContext) return; if (evt.state === GestureState.BEGIN) { this.handleDragStart(); } else if (evt.state === GestureState.ACTIVE) { const delta = evt.deltaY / windowHeight; this.handleDragUpdate(delta); } else if (evt.state === GestureState.END) { const velocity = evt.velocityY / windowHeight; this.handleDragEnd(velocity); this.jsWorklet(evt.state); } else if (evt.state === GestureState.CANCELLED) { this.handleDragEnd(0.0); this.jsWorklet(evt.state); } }
06-03置顶skyline下scrollView的bounces会导致整个小程序路由卡死?
skyline下scrollView的bounces会导致整个小程序路由卡死?不信你可以试试。百分之百复现
06-03置顶createSelectorQuery 无法在worklet里调用？
在worklet中无法调用this.createSelectorQuery方法 如果使用runOnJS去调用boundingClientRect回调函数在exec后不会触发
06-02置顶share-element 动画不能同步，我需要移动的时候进行旋转，可现在是，移入后才旋转，为什么？
https://developers.weixin.qq.com/s/MkeygDmf7rR7 这是代码片段，可以告诉我该怎么做吗 ？实在很困扰
06-01置顶skyline支持template引入吗？
在将老页面改造成skyline的过程中，老页面使用了template模版，但是运行在skyline环境中找不到该dom模块是不支持吗？
05-31置顶skyline引擎的canvas从A页面跳转到B页面会出现几率渲染不出来，webview没事？
是什么原因
05-31
小程序示例
交互动画 tab
测试示例https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html#skyline-%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81未复现，请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。