skyline 暂不支持 writing-mode 属性, wxss 支持程度详见: https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/wxss.html
skyline模式下,父容器设置writing-mode: vertical-rl;文本排列出现问题[图片]
08-29em 已经实现了,预计下个客户端版本会支持
skyline 中 em 单位没法使用吗?https://developers.weixin.qq.com/s/89AYPJmw7cTv 官方能不能给个能使用的 css单位列表
08-27横向滚动,子元素的横向要定宽才行。 scroll-view 子节点的百分比暂时还不支持。 [图片]
使用Skyline渲染引擎 scroll-view里不能嵌套scroll-view?项目开启了Skyline渲染引擎,页面是不支持全局滚动,所以使用了scroll-view scroll-y 实现全局滚动,项目中需要进行横向滚动所以嵌套了个scroll-view scroll-x,结果发现横向滚动失效了,向左滑动会回弹 [图片]
08-22应该是 bug,我们修复下。 scroll-view 内的 input focus 时会滚动到 input 的位置,sticky-header pinn 住的时候应不做这个处理。
scroll-view里sticky-header加入input,点击input页面会滚动到顶部?官方demo第一个改动下就能复现 [图片]
08-21skyline 下不支持 line-clamp,可以使用 text 组件的 max-lines 结合 overflow 属性使用。 [图片] https://developers.weixin.qq.com/miniprogram/dev/component/text.html
"renderer": "skyline",模式下如何开启多行省略?view{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } [图片]
08-13https://developers.weixin.qq.com/s/fNHzupmJ7hT0 我这边没复现,安卓 / iOS 正常,工具版本较低暂时还不支持
skyline Android @keyframes 无法使用CSS变量iOS 正常,Android 和开发者工具异常。 page { --Color: #E5E5EA; } .foo { animation: 1.5s infinite bar; } @keyframes bar { from { background: var(--Color); } to { background: var(--Color); } }
08-13我们排查一下看看
Skyline 模式下 video组件 解析的.mov文件视频,方向异常.mov文件是我们app从苹果手机中取出的 live 照片的视频文件 把 .mov 存在服务器后,通过 video 组件读取到前端来播放展示 发现 .mov 视频在 iOS 端,在skyline模式下,视频内容方向异常,会被旋转90/180/270度(不同内容会有不同度数的旋转) 应用过程中不同文件复现的概率不大,但是遇到有问题的文件时,同一个文件再次使用是 100% 复现的 下图是代码片段中,用 .mp4/.mov 文件,android/iOS 系统,webview/skyline模式 做对照:唯独 iOS系统skyline模式下的.mov 文件会异常 [图片]
08-12麻烦给个能复现报错的片段看下? 然后提供下 appid 和 adunit
ad-custom组件加载视频时recursive update detected 设备发烫?小程序是 skyline ,webview 没验证。 当 ad-custom 组件加载的是视频时,会收到 recursive update detected... 的警告,然后如果页面停留就了,设备就会发烫。 如果 ad-custom 组件配置成图片时,就没有这个问题。
08-12scroll-view (type=list) 上不能引用 display: flex,这个是列表组件(和 webview 的 scroll-view 有所不同)。 需要横向滚动的话,可以把 scroll-view 设置为 scroll-x。 或者,给所有子节点套多一层 view 在这个 view 上设置 display: flex (列表太长的话,不推荐这种做法,性能比较差)
skyline scroll-view flex-direction: row 失效[图片] [图片]
08-12需要 bind(this) 一下 runOnJS(this.setMaxNum.bind(this))(this._curMax.value);
Skyline:在组件内使用runOnJS调用方法时this指向异常在项目中想创建一个用于控制范围的流畅的双向slider组件,于是想利用horizontal-drag-gesture-handler手势组件来实现并封装成组件。在手势触发的'worklet'函数的最后使用wx.worklet.runOnJS来调用对应的方法修改数据。 onMaxDrag(e) { "worklet"; const { deltaX } = e; const deltaN = (deltaX / this._lineWidth.value) * (this._max.value - this._min.value); this._curMax.value += deltaN; if (this._curMax.value > this._max.value) this._curMax.value = this._max.value; if (this._curMax.value < this._curMin.value) this._curMax.value = this._curMin.value; runOnJS(this.setMaxNum)(this._curMax.value); }, setMaxNum(val) { console.log("--- 组件中 setMaxNum 中的this ---", this); this.setData({ curMaxNum: val }); }, 直接写在页面中能够得到预期结果,但是封装成组件却不能 实际场景如下图中,上方拖动条是在100-10000中选取范围(组件内),拖动两端小球UI能正常流畅变化,但是底部数值并未跟随变化。下方大球为写在页面中,拖动后能实时显示拖动距离。 [图片] 通过对比之后发现,写在页面中this指向正常,但写在组件this指向变为{},导致无法进行数据修改的操作。 [图片] 请问是runOnJS等等相关的worklet方法只能在页面中直接使用么?还是说我的使用方法存在问题?请大佬们解答一下
08-09