Skyline渲染引擎
skyline模式下input无法输入汉字,几种版本开发工具都试过了,无效?求解,打出的汉字只能按字母输入,手机端没有问题
子元素设置绝对定位(absolute),偏移后,超出部分的内容,在skyline和webview下,表现并不相同:webview下可以点击到超出父元素的内容,skyline下无法点击到超出部分的内容。 webview渲染: [图片] skyline渲染: [图片]
[图片] 开发版 Nightly Build (1.06.2404302)我以为是我的代码有问题,为啥连官方示例都跑不了,基础库3.4.3
image 组件,图片格式webp webview 模式下显示正常, Failed to load resource: the server responded with a status of 500 (Internal Server Error)(env: Windows,mp,1.06.2401020; lib: 3.4.2) [skyline]load images/gril.webp fail
movable-view什么时候支持skyline渲染引擎?或者说在skyline中有替代movable-view的组件吗?
相关文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/wxss.html 文档显示支持box-shadow inset 实际应用时,模拟器,iOS、红米、荣耀真机中,无法正常效果: [图片] 部分安卓、鸿蒙真机又能正常显示: [图片] Webview渲染无此问题。 代码片段:https://developers.weixin.qq.com/s/ZpdEAQms7AQW
[图片] [图片]
<textarea auto-focus="{{ focus }}"/> 开发版本,开发工具,都是最新版。 [图片]
希望能增加支持
skyline渲染模式下,点击聚焦input组件,然后手动点击输入法键盘的“收起”按键(注意不是通过点击空白处关闭键盘),会出现以下问题: input组件不会失去焦点,再次点击input组件难以唤起键盘,需要手动点击别处让input失去焦点,然后再次点击input才会唤起键盘 切换到webview模式就不会有这个问题 [图片]
skyline下,input收起小键盘后不会失去焦点,再次点击input,小键盘就不会弹出来了。必须要点击其他地方使input失去焦点,再次点击input才能唤起小键盘
在skyline模式上,点击超出 已设置overflow:hidden的父容器 的子元素,仍然能触发点击事件。如果把整个父容器放在scroll-view里则是正常。 在webview模式上没有异常。
<share-element key="se-key{{index}}" rect-tween-type="cubic-bezier(0.4, 0.0, 0.2, 1.0)" worklet:onframe="handleFrame" transition-on-gesture="{{true}}" style="width: 100%; height: 100%;">
就用的官方体验的demo,具体看图: webview,一加载就有页面 [图片] skyline,会先黑屏一下,tabbar 都已经出来了,而 webview 模式下页面和tabbar是同时出现的 [图片]
input 设置height: 100% 也确实高度是22.4,但鼠标房东编辑器input组件里面还有个#input高度15,这可能就是placeholder不居中。 [图片][图片] 真机 oppo手机出现文字显示不全 [图片] 麻烦能不能把这种基础表单组件兼容性做好一点,基础的东西太说不过去了
/* 正常屏幕尺寸时 */ .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渲染引擎中不支持吗? 如果不支持的话,我应该怎么实现匹配不同屏幕的样式?
代码片段:https://developers.weixin.qq.com/s/SLUy7JmW7XQE 在真机(iphone15pro)输入框输入文字后动态修改 snapshot里面的view和在snapshot外面view的的文字表现不一致 但是只要输入够多的字又会一样 [图片]
现在的需求是: 页面内容不满一屏那么就撑满一屏,超过一屏就把flex:auto;元素撑开。 webview没问题, skyline有问题。 不能在wrapper上加height,不满一屏的时候看起来是好的,但是内容如果超过一屏就会被截断。 wxss代码 .wrapper { min-height: 100vh; display: flex; flex-direction: column; } .header { border: 1px solid blue; flex: none; height: 100px; } .content { border: 1px solid red; flex: auto; } wxml代码 <view class="wrapper"> <view class="header">header</view> <view class="content">content</view> </view> skyline [图片] webview [图片] 代码片段: https://developers.weixin.qq.com/s/irkIklmO7tQ5
https://developers.weixin.qq.com/miniprogram/dev/api/skyline/Snapshot.html 按照文档中的方法, 获取到 Snapshot 对象, 但是Snapshot对象并没有文档中所说的 number width画布宽度,number height画布高度 属性, 请问这个画布的宽高从哪里获取, 特别是调用takeSnapshot方法, 并返回rgba数据的时候, 没有宽高没办法处理这个图像的数组
设备:华为Mate 10 pro Android 10 开发者工具:Nightly 1.06.2404222 在android真机设备上,光标与占位符信息也没有对齐 代码片段 https://developers.weixin.qq.com/s/zsw1AImx77QQ
小程序示例
交互动画 tab
开发者工具暂时不支持input输入汉字,建议先使用真机进行调试