Skyline渲染引擎
https://developers.weixin.qq.com/s/OhUmRlmK7nVE
事情是这样的,我在webview页面里有个样式 [图片] 效果本来是这样子的: [图片] 然后跳转到skyline页面里,就变成这个样子了,应该是white-space:pre; [图片] 求求了,这是我项目中最后一个skyline页面了, 如果再不能实现的话,我就只能忍痛全部退回到webview了。 (心累)极其舍不得丢弃snapshot组件,才一直保留这个skyline页面的。
使用 display: flex-reverse 搭配 padding 时,ios 下边距展示成了双倍的 android(正常) [图片] ios(异常): [图片]
复现步骤: 打开代码片段,然后手机扫码运行,此时tabbar正常展示分享当前页面给微信好友,然后关闭小程序(不用杀掉)从好友分享的卡片点进小程序,自定义tabbar未展示复现环境: ios 17.3.1wecchat lib 3.4.10补充: 需要是热启动:即点击分享卡片时,打开的是已运行的小程序,而非是重新冷启动
skyline开发的小程序,对某个页面配置 { "renderer": "webview", "navigationStyle": "custom", "pageOrientation": "landscape", "usingComponents": {} } 从主页进入该页面后,点击屏幕右侧的事件均没有响应
模拟器上效果上是可以的,到真机上就不行,有上面的问题,白屏,导致动画不连贯,所以效果很差,不知道有没有人遇到过?
请问一下大佬们,我就写了下面这一个很简单的demo,但是为啥吸顶不生效呢? <scroll-view class="scroll-area" scroll-y type="custom"> <sticky-section push-pinned-header="{{false}}"> <sticky-header> <view class="day-container">{{wedDay}},剩余:{{remain}}天</view> </sticky-header> <text> a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a</text> </sticky-section> </scroll-view>
// 创建性能观察者 const observer = wx.createPerformanceObserver((entryList) => { const entries = entryList.getEntries(); entries.forEach((entry) => { console.log('资源加载信息:', entry); }); }); // 观察资源加载类型的性能条目 observer.observe({ entryTypes: ['resource'] }); } 通过此段代码创建监听器,在页面访问图片链接,无法在entryList.getEntries()处获得resource类型数据
skyline模式下<page-container>组件 归属与不同页面也会提示 [图片]
第一次冷启动打开页面会报错卡loading, 第二次打开页面就好了 报错信息 SystemError (exparserScriptError) FragmentBinding expect non-null node Error: FragmentBinding expect non-null node at r (WAServiceMainContext.js:1:229091) at (WAServiceMainContext.js:1:229223) at n (WAServiceMainContext.js:1:226962) at n (WAServiceMainContext.js:1:227050) at n (WAServiceMainContext.js:1:227050) at ze.forEachNodeInSpecificSlot (WAServiceMainContext.js:1:227093) at g (WAServiceMainContext.js:1:229131) at (WAServiceMainContext.js:1:230236) at Set.forEach (<anonymous>) at ze.insertChildComposed (WAServiceMainContext.js:1:230224) {type: "string", description: "SystemError (exparserScriptError)\nFragmentBinding expect non-null node\nError: FragmentBinding expect non-null node\nat r (WAServiceMainContext.js:1:229091)\nat (WAServiceMainContext.js:1:229223)\nat n (WAServiceMainContext.js:1:226962)\nat n (WAServiceMainContext.js:1:227050)\nat n (WAServiceMainContext.js:1:227050)\nat ze.forEachNodeInSpecificSlot (WAServiceMainContext.js:1:227093)\nat g (WAServiceMainContext.js:1:229131)\nat (WAServiceMainContext.js:1:230236)\n at Set.forEach (<anonymous>)\nat ze.insertChildComposed (WAServiceMainContext.js:1:230224)", value: "SystemError (exparserScriptError)\nFragmentBinding expect non-null node\nError: FragmentBinding expect non-null node\nat r (WAServiceMainContext.js:1:229091)\nat (WAServiceMainContext.js:1:229223)\nat n (WAServiceMainContext.js:1:226962)\nat n (WAServiceMainContext.js:1:227050)\nat n (WAServiceMainContext.js:1:227050)\nat ze.forEachNodeInSpecificSlot (WAServiceMainContext.js:1:227093)\nat g (WAServiceMainContext.js:1:229131)\nat (WAServiceMainContext.js:1:230236)\n at Set.forEach (<anonymous>)\nat ze.insertChildComposed (WAServiceMainContext.js:1:230224)"} [图片][图片] [图片]
只要先在input组件中聚焦拉起键盘, 然后焦点切换到textarea组件就无法输入换行, 严重影响用户体验 小米11 / 澎湃OS 1.0.6.0UKBCNXM / weixin 8.0.53 / lib 3.6.3 代码片段: https://developers.weixin.qq.com/s/ulExl9mN7LVH
我用skyline 来渲染图片,在开发工具上能正常显示,但是在真机上不显示,也没报错。证书链都正常。真机上根本没有向后台访问图片链接,有官方人员来帮忙解决一下问题吗?看看具体原因是什么。代码复现https://developers.weixin.qq.com/s/anvuq9mN7VVj [图片][图片]
使用过程中sticky-header需要为其直接子节点,添加背景图就无从加起,
使用snapshot组件截图,如何提高生成图片的分辨率?
在webview没有这个问题,在Skyline的时候,如果屏幕尺寸是375也没问题,其他尺寸会有黑边,选择 iPhone 15 Pro Max 的时候黑边如下图: [图片] wx wxss 文件代码: .svg-mask { width: 200rpx; height: 400rpx; mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask-size: cover; background-color: #000; } wxss 文件代码: <view class="svg-mask"></view>
图一加了layzload报这个,[图片], 不加报这个,[图片] 有没有大佬解释一下??? 基础库最新3.6.1
我们的业务里有富文本带横向滚动条的需求,skyline能不能支持一下? view支持overflow:autorich-text支持overflow:autorich-text的mode="web"模式支持overflow:auto求官方支持
问题:安卓微信版本 8.0.51,基础库版本3.6.2,调用 wx.requestPayment 无法唤起微信支付。iOS 一切正常,把 page.json 里的 renderer 换成 webview 后可以正常唤起微信支付。
在开发工具中显示image是正常的,到了真机上就不显示了。图片链接是https地址。在webview 渲染下这个地址真机上也是正常的,浏览器也能访问到。就就是在skyline渲染下,真机出现了不显示问题?有没有大佬知道是什么情况吗?skyline渲染下会要求https需要什么特殊的协议吗?下图一个是在开发工具上的显示,一个是在手机上的显示。[图片][图片]
开发工具上用skyline渲染时,wxs事件响应函数获取的参数不全,没有instance。WebView获取的参数就正常,Android端的skyline也正常。 按钮点击后用wxs事件响应函数获取按钮的style,然后把颜色改成绿色。在开发工具用skyline渲染时会报错,点击没法变色: [图片][图片] 在开发工具上用WebView渲染就可以: [图片][图片] 手机上的skyline也可以: [图片][图片][图片] 代码截图: [图片] 代码片段链接:https://developers.weixin.qq.com/s/agJ80Ym97qUI 麻烦官方给个回复,修一下吧。这样一边一种情况开发起来真的很麻烦。
小程序示例
交互动画 tab
white-space: pre 不支持,这个用 flex 两端对齐也能实现?