Skyline渲染引擎
[图片] 代码如图,先不说渲染markers 就是一个简单的map组件都是空白的,有没有人知道为什么,不用skyline就能渲染出来
[图片]
skyline tabbar页面使用open-container无效?
目前冷启动,第一次聚焦,键盘弹起出现,有概率无法触发。由于是第一次,就没办法缓存高度来 hack 了。 键盘收起隐藏,则是稳定无法触发,暂时可以在 onBlur 里 hack
如题,请看下面的代码: .option-list { box-sizing: border-box; line-height: 1; display: flex; flex-direction: column; flex-wrap: nowrap; --inner: calc(5vmin / 3 * 2); gap: var(--inner); } 总之,很神奇,这样写之后就不能使gap生效,真机和开发工具模拟器都不行。
<button form-type="submit" class="submit-button">发布</button> [图片] 一个表单页结构,点击发布无反应 自己的手机使用正常,部分用户的手机不正常
最近在写skyline的项目 就类似写商城之类的页面布局 左边为商品分类栏 右边为商品栏(下图拿官方的skyline模版举例) [图片] 想达到的效果就是用户滑动右方商品栏到下一个分类 左侧商品分类栏会随着改变到下一个分类 以前用webview写的话就是用 createSelectorQuery()配合scroll-view解决 先createSelectorQuery()算出每个分类的高度 然后scroll-view的bindscroll返回的高度判断现在滑到哪个分类 然后改变左侧商品分类栏 现在skyline写的话想到了两个方案 1)沿用createSelectorQuery()配合scroll-view 2)sticky-header的bind:stickontopchange 用1的话 发现createSelectorQuery()返回的数值不准确且偏差很离谱 可能跟skyline list-view和grid-view这些东西不在页面内不渲染有关吧 反正最后各种尝试后还是解决不了问题 放弃了 用2的话 根据sticky-header的bind:stickontopchange回调很清楚的知道用户滑动右方商品到了哪个商品分类 模拟器出来的效果堪称完美比方法1更无脑更简单 真机上测试直接劝退 bind:stickontopchange在真机上只会触发一次 就是你从最上滑动到最下 左边商品分类会改动 但是也只限这一次了 后面的任何滑动也不会再有任何回调了 官方也知道问题 但就是没改过来 也放弃了 想问问现在在用skyline写项目的大神 有遇到类似的情况吗?这种布局你们是怎么解决的?
skyline的css相关属性支持的属性有限,希望尽快全面支持。另外mask属性虽然能用,但是有边框痕迹,希望修复! skyline确实能减少卡顿,希望官方加大维护力度!
我想要在加载完数据后 滚动scroll-view的位置,但是不知为什么滚动不成功,最后我只能手动加个定时器才行!!!!!!! // 页面加载 onLoad(options) { wx.getStorage({ key: 'dataStorage', success: res => notes = res.data, fail: err => notes = {}, complete: () => { this.setData({ data: makeCalendar(LocalDate.year, notes) }) setTimeout(() => { this.setData({ showId: `m${LocalDate.month}` }) }, 100); } }) },
插件开发中 插件里不能使用skyline吗
skyline模式下,自定义遮罩层组件无法覆盖底部custom-tab-bar组件 index无效,导致popup底部弹出效果一直被遮挡
图片很长node.takeSnap回调不执行[图片] node打印成功,也有takesnapshot方法,但是三个回调都没执行
skyline模式下click事件返回的 event.detail 对象不返回clientX,clientY属性,现在变成x,y,导致页面点击事件报错无法点击,能不能快速修复下
[图片]有淡淡的颜色边 .i-mdi-home { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z'/%3E%3C/svg%3E") } .block { display: block } .flex { display: flex } .min-h-screen { min-height: 100vh } .justify-center { justify-content: center } .bg-\[\#43ffff\] { --tw-bg-opacity: 1; background-color: rgb(67 255 255 / var(--tw-bg-opacity, 1)) } .bg-slate-950 { --tw-bg-opacity: 1; background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1)) } .p-8 { padding: 2rem } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-\[200px\] { font-size: 200px } .text-\[\#234fff\] { --tw-text-opacity: 1; color: rgb(35 79 255 / var(--tw-text-opacity, 1)) }
今天写share-element的时候发现点开的时候总会闪一下 录屏在相册里一帧帧播放 发现是第一帧的时候a页的share-element里的元素会整个白掉(a页跳转b页) 然后我看了一眼官方的代码片段 相册的那一个 发现点开也是会闪一下 //官方的代码片段 https://developers.weixin.qq.com/s/nP034Ymh7BYt //显示第一帧整个元素白掉的视频 https://7864-xd-coffee-5gqwrfi9568ad835-1321166369.tcb.qcloud.la/excel/623_1743086305.mp4?sign=9974b9dcf07790902471ffa1f0235897&t=1743086378 我想知道这是正常表现吗?今天找了一天他出现的原因 也没找出来 想知道原因 官方大大 求求看一眼 最近在努力写个skyline版本的作品
view组件在webview模式下正常,skyline模式下时,border被显示出来,无法隐藏 代码片段:https://developers.weixin.qq.com/s/Gii0FXmm7GYf [图片][图片] .wxml代码 <view class="camera-box"> <view class="gray-mask"> <view class="gray-mask-top"> </view> <view class="gray-mask-center"> <view class="left-right"></view> <view class="center"> <view class="center-up"></view> <view class="center-down">操作中心</view> </view> <view class="left-right"></view> </view> <view class="gray-mask-bottom"> <view class="content">1号 </view> <view class="content">2号</view> </view> </view> </view> .wxss代码 view { border: none !important; /* 清除边框 */ margin: 0 !important; /* 清除边距 */ padding: 0 !important; /* 清除内边距 */ border-style: none; } .camera-box { width: 100vw; height: 100vh; position: absolute; top: 110rpx; left: 0rpx; } .gray-mask { width: 100vw; height: 100vh; display: flex; flex-direction: column; } .gray-mask-top { min-height: 20%; background: rgb(0, 0, 0, 0.5); } .gray-mask-center { min-height: 40%; display: flex; flex-direction: row; flex: 1 1 0; } .gray-mask-bottom { min-height: 40%; flex-grow: 2; background: rgb(0, 0, 0, 0.5); display: flex; flex-direction: column; } .content{ min-height: 30%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: white; } .left-right { min-width: 20%; background: rgb(0, 0, 0, 0.5); } .center { min-width: 60%; display: flex; flex-direction: column; } .center-up { min-height: 450rpx; } .center-down { flex: 1; background: rgb(0, 0, 0, 0.5); font-size: 28rpx; font-weight: 400; color:white; display: flex; align-items: center; justify-content: center; }
同一张图片,每次滚动都会触发。 http的并发请求直接到了上限了...... [图片]
skyline 才会复现,必现,webview模式不会
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E8%99%9A%E6%8B%9F%E5%8C%96%E7%BB%84%E4%BB%B6%E8%8A%82%E7%82%B9 父级 height 200px background green 组件 根元素 height: 100% background yellow 开启 virtualHost,在skyline下,组件没有高度,在webview下,组件继承父级的高度 建议skyline在未支持的情况下,文档中备注说明,减少开发调试成本
如题,片段已传 3.7.11基础库,8.0.57微信 ios18.3.2 skyline渲染,页面进入然后返回多试几次就能遇到
小程序示例
交互动画 tab
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)