用`IntersectionObserver`,右侧列表最底下放一个1px高度的placeholder就行,不要每个商品卡片都用
【skyline】滑动商品栏如何让商品分类栏跟着改变?最近在写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写项目的大神 有遇到类似的情况吗?这种布局你们是怎么解决的?
04-07已经支持WXS响应事件了,但开发者工具无法调试,仅真机生效。
glass-easel 什么时候支持wxs事件响应?目前项目想迁移到 glass-easel + Skyline 基本上组件能用到wxs的地方都用了,为了提升性能,现在官方有个大概具体时间么
02-06不清楚,搜索打开的不是你这样
请问这个H5是怎么实现的?[图片][图片][图片][图片][图片] 看着像一个h5,但是能全屏,而且能读取微信运动的数据,能把状态分享到微信运动。如果是小程序,看着也不像,而且打开过后在小程序面板没有这一项,分享的样式也不像小程序,求助,这是怎么实现的
01-23scroll-with-animation设置了吗?
skyline模式下,scrollview组件scrollIntoView属性实现锚点功能卡顿https://storage.360buyimg.com/jxfe/ppms/c/202501/16/5e80cc5d-fb19-497a-9258-3f24ad9834c4.mp4
01-20我刚试了下,可以长截屏啊,你什么手机?
无法使用手机系统的长截图功能?skyline限制只能使用scroll-view组件承载页面滚动,而scroll-view可能是一个组件内部滚动的逻辑?导致手机系统的长截图功能无法识别页面为可滚动页面,从而无法进行滚动截图。在webview下不使用scroll-view进行布局,亲测是可以正常使用手机的长截图的。能否在scroll-view上添加属性,使其表现为页面滚动?
01-05老BUG,想复现,结果第二次进入就清晰了
Skyline环境下image渲染svg时渲染模糊代码:https://github.com/sierraqin/hyacinth 页面:pages/proj853/index 位置:/pages/proj853/index.wxml ,第8行 此问题仅Skyline下存在 image组件显示svg图片时渲染模糊。最开始svg图片是以矢量形式渲染的,无论放大多少倍都极其清晰,但出现问题后,svg疑似是被转换为位图缩略图后被渲染,放大时,不会渲染放大的svg,而是渲染放大后的缩略图。 2024年1月时,svg图片正常显示。2月时,开始陆续有部分安卓用户反馈图片模糊,安卓微信客户端登录微信账号A真机调试时,模糊问题稳定复现,相同手机相同环境,登录微信账号B后问题消失无法复现,切换回之前的微信账号A登录后问题又可以稳定复现,切换到微信账号B后问题又无法复现(可能是在灰度???),此时开发者工具、iOS端均无法复现问题。至9月时,iOS、安卓、开发者工具均出现模糊问题。
2024-11-14将SVG放置在.svg-mask::before中,尺寸比svg-mask(设置overflowHidden)大2像素试下
Skyline渲染模式下,mask 遮罩出现黑边bug如何解决?在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>
2024-10-21可以仅这一个页面启用Skyline渲染
只能使用skyline才能实现下拉半窗效果吗?项目转变skyline成本比较大,想知道这种效果只能skyline才能实现吗? [图片]
2024-10-08切换成375px宽度机型不就是180px高度了吗?
Skyline 为什么组件高度和设置的高度不一致?[图片]swiper 定义的height: 360rpx;但是实际高度缺变成了187.2px
2024-10-07需要搭配自定义路由跳转,再使用
getRouteContext 为什么返回是 undefined ?wx.router.getRouteContext(this)) https://developers.weixin.qq.com/miniprogram/dev/api/route/router/base/router.getRouteContext.html https://github.com/wechat-miniprogram/awesome-skyline/blob/main/examples/card_transition/pages/detail/detail.js this.customRouteContext = wx.router?.getRouteContext(this); details.js 60行 路由这块,文档有点单薄,基本没有太多信息可查,返回数据类型也没有。。。
2024-09-28