Skyline渲染引擎
最新提问- 全部
- 文章
- 问答
- 全部
- 文章
- 问答
置顶Skyline: 全局配置中禁用A/B实验，在体验版中不生效，能保证在正式版中生效吗？
目前小程序的线上版本是webview页面，计划新增一个包含skyline页面的分包。 在分包中按页面粒度开启了skyline渲染模式： [图片] 并根据官方文档中的配置关闭A/B实验： [图片] 但在体验版中，从webview页面跳转到skyline页面时，仍然默认以webview运行。其中调试工具中的 渲染模式 选择Auto（即不强制切换Skyline，而是该页面自动选择渲染模式）。 [图片] [图片] 我了解通过调试工具强制切换Skyline会在进入Skyline页面时默认以Skyline模式运行，但是强切开关只在开发板和体验版中存在，请问我应该如何测试并保证在正式版本小程序中进入Skyline页面时是默认以Skyline渲染 的情况呢？
2024-07-30置顶skyline模式下，line-height:20px，实现容器尺寸会是21px。
skyline模式下，line-height:20px，实现容器尺寸会是21px。 看起来是一句话，但是这个问题会导致阅读类小程序无法实现，因为行高与容器计算关系不准确的话，在左右滑动分页这种计算模式下，会出现底部与顶部显示半行，1/3行等的现象，且无法归避 用下面一行代码即可复现： <view style="line-height: 20px;font-size: 16px;">内容1,内容2,看起来是一句话...</view> // 内容如果是1行，view容器的高度会是21px // 内容如果是2行，view容器的高度会是42px // 内容每多1行，view容器的高度是【20px * 行数 + 行数】像素 // 复现条件：1.font-size>=15px; 2.文本内容要需要多写几个字，最好用正常的一个句子，有中文有标点符号。 [图片]
2024-07-30置顶snapshot组件实例代码错误？
Page({ onReady() { this.createSelectorQuery() .select("#target") .node() .exec(res => { const node = res[0].node node.takeSnapshot({ type: 'arraybuffer', format: 'png', success: (res) => {}, fail(res) {} }) }) // 此处少添加了花括号和小括号 } })
2024-07-26置顶glass-easel-template-compiler扩展报错？
代码片段倒是其次，我现在更新了最新版的Nightly开发工具(Mac M3芯片)[图片] [图片] 然后打开Webview页面报错，按道理来说不应该触发这样的报错吧，webview还没有切换到glass-easel框架[图片] [图片] [图片]
2024-07-25置顶如果使用skyline引擎?
<snapshot id="view" class="intro" > <canvas type="" canvas-id="myCanvas" style="width: 343px; height: 274px;display: block;"/> </snapshot> 简单嵌套了一下canvas，skyline引擎模式下canvas的内容显示不出来
2024-07-24置顶Skyline模式下scroll-view的触底事件方法使用setData报错！非常严重！
目前发现scroll-view这个组件才有这个问题，所有的基础库都试了，依然有这样的问题！开发工具也换了没有异常之前的版本，也是有这样的问题 目前代码是正式版 小程序 正在正常运营的。此期间没有改过。这次需要优化功能，重新编译代码运行就一直报这个错！ [图片]
2024-07-24置顶Skyline下map组件自定义callout无法正确显示自定义组件？
map组件内使用自定义组件展示自定义callout时，webview能正常显示，skyline无法显示自定义组件，开发者工具不支持调试map <map markers="{{markers}}"> <cover-view slot="callout"> <block wx:for="{{callouts}}" wx:key="index"> <callout></callout> </block> </cover-view> </map> 代码片段：https://developers.weixin.qq.com/s/5R6r0SmS7zSS Ps：开发者工具里map组件能不能不要提示把cover-view替换成view了，map组件内部不支持同层渲染，换了view根本显示不出来
2024-07-22置顶短信验证都反向提交验证过了？管局审核已经持续5天了，为啥一直不审核
[图片]
2024-07-20置顶Skyline目前text不支持缩进text-indent这个属性？
skyline如果文本布局复杂的情况下，无法达到预期效果。 预期效果 [图片] 目前的解决方案就是【ANESSA】前面加了nbsp;空格来达到缩进效果 希望官网text组件支持text-indent属性 less: .product-name-skyline { padding-top: 12rpx; box-sizing: border-box; width: 100%; color: #222222; font-size: 28rpx; line-height: 38rpx; height: 88rpx; .ip-pic, .ip-label { position: absolute; } .brand-name { font-weight: bold; margin-right: 10rpx; } .ip-pic { display: inline-block; width: @ipPicWidth; height: 28rpx; transform: translateY(4rpx); } } wxml: <view wx:if="{{isSkyline}}" class="product-name-skyline"> <!-- 这里的图片标签要设置为绝对定位 --> <image wx:if="{{ipLabeStyle.pic && product.showIpLabelImage}}" class="ip-pic" src="{{ipLabeStyle.pic}}" mode="heightFix"/> <text overflow="ellipsis" max-lines="2"> <!-- 注意：空格不要删 目前通过输入多个空格来达到缩进的效果 Skyline目前text不支持缩进text-indent这个属性 --> <text wx:if="{{product.brandShowName && product.showIpLabelImage}}" decode="{{true}}" class="brand-name"> {{product.brandShowName}}</text> <text>{{product.title}}</text> </text> </view>
2024-07-19看了文档，text可以内嵌span组件, 可以达到预期效果
https://developers.weixin.qq.com/miniprogram/dev/component/text.html?property=skyline
新增 span 组件用于内联文本和图片，如 <span> <image> </image> <text>bar</text> </span>
修正方案后：
<text overflow="ellipsis" max-lines="2"> <span> <image wx:if="{{ipLabeStyle.pic && product.showIpLabelImage}}" class="ip-pic" src="{{ipLabeStyle.pic}}" mode="heightFix"></image> <text>{{product.brandShowName}}</text> <text>{{product.title}}</text> </span> </text>有用0置顶Skyline引擎，使用showTabBar/hideTabBar时页面会出现闪动
Skyline引擎，使用showTabBar/hideTabBar时页面会出现闪动 用的是iphone7和iphone15
2024-07-19置顶skyline下wx:for渲染异步组件列表有bug?
组件只要配置了componentPlaceholder，不管是不是异步分包都会出bug。 按道理应该渲染111和222，但是skyline会渲染2个222。 代码片段：https://developers.weixin.qq.com/s/5C1EjLmt7PSI index.js Page({ data: { items: [ { id: 1, title: '111', }, { id: 2, title: '222', }, ], }, }); index.json { "usingComponents": { "cmp1": "/components/cmp1/index", "cmp2": "/subPackages/cmp2/index" }, "componentPlaceholder": { "cmp1": "view", "cmp2": "view" } } index.wxml <view style="margin-top:100px;"> 渲染主包中的组件cmp1, 配置了componentPlaceholder </view> <cmp1 wx:for="{{items}}" wx:key="id" title="{{item.title}}" /> <view style="margin-top:100px;"> 渲染分包中的组件cmp2, 配置了componentPlaceholder </view> <cmp2 wx:for="{{items}}" wx:key="id" title="{{item.title}}" />
2024-07-17置顶skyliine、webview混用后导致分享卡片点击进入小程序卡死？
安卓机型 华为p60荣耀畅玩20[图片]
2024-07-16置顶是否有计划支持aspect-ratio属性？
在某些特殊的布局需求中，aspect-ratio能极大地提升代码编写速度； 在webview中我试过，支持，但skyline中很明显不支持这一个属性； 或者有没有能替代aspect-ratio的写法呢？
2024-07-16置顶Skyline：使用picker-view快速或大幅度上拉时，页面出现非预期现象
复现操作路径： 点击“年/月/日”任意一个输入框后，展示日期选择器弹框[图片][图片]以选择器中“年"一栏为例，先将此栏从2024（初始时年份）滑动至1960左右或更早（保证足够的上滑空间）拖动此栏（不松开）手指滑动至picker-view区域之外的位置再松开，会有很大概率出现非预期现象。非预期现象： 页面中picker-view的3列均可正常滑动，但页面内其他所有内容均无响应（弹出层组件左上角的"x" 、右上角的确认以及其他包括层级在picker-view之上的任何元素），需要通过右上角刷新重新进入小程序才能恢复正常。
2024-07-15置顶skyline引擎支持background-clip实现渐变色字体样式么？
skyline引擎支持background-clip实现渐变色字体样式么？
2024-07-15置顶webview跳skyline内存泄露的问题什么时候才能解决啊?
官方5月初就记录问题了,俩月多了,skyline页面内容稍微多一点,从skyline退回到webview页面后skyline的页面实例销毁不了,重复几次之后内存就溢出崩溃了 给个方案啊
2024-07-12置顶在skyline模式下 Swiper的skyline特有属性不生效？
使用的是官方文档的Swiper 增强特性示例代码，基础库和客户端版本都是推荐以上。[图片][图片]
2024-07-10置顶Skyline 真机image无法正确渲染SVG？
真机：IPhone 14 Pro Max 基础库：3.4.10 表现异常的地方是：真机上image的mode=scaleToFill是无效的。 由于代码片段不支持skyline模式运行，请官方人员复制以下示例到skyline项目里运行看看。 <image style="width: 200px;height: 200px;background: #eee" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%233f4945%22%20d%3D%22M240-200h120v-240h240v240h120v-360L480-740%20240-560v360Zm-80%2080v-480l320-240%20320%20240v480H520v-240h-80v240H160Zm320-350Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"></image>
2024-07-06置顶snapshot.takeSnapshot()任何回调都不执行？
[图片] 上面是复现结果 takeSnapshot方法的success，fail,complate方法均不执行，页面卡住 2个iPhone12 手机 一个有问题 一个没有问题，没有错误可以排查，try catch也捕获不到任何错误， 有问题的12 ios版本是14.6 没有的12 ios版本是17.5.1 你们看看这些有啥差别？
2024-07-05置顶skyline模式下 垂直swiper-item嵌套scroll-view 无法解决手势冲突？
[图片] 如上图 skyline 模式下 滑动到边缘无法切换swiper-item [图片] webView 模式下 滑动切换没有任何问题 PS：文档中描述的嵌套scroll-view 的场景并不适用我描述的情况 [图片] 当前skyline 模式下 scroll-view、swiper 提供的相关属性都试过了 还是无法解决 swiper vertical="true" 的情况下 嵌套scroll-view 滑动到边缘无法切换 swiper-item的问题。 请问除了自己实现手势冲突的办法外，还有什么办法解决这个问题吗？
2024-07-04
小程序示例
交互动画 tab
在 app.json 配置 rendererOptions disableABTest true 就行