Skyline渲染引擎
推荐- 全部
- 文章
- 问答
- 全部
- 文章
- 问答
skyline ios 18.2.1 微信 8.0.57 截图？
图片很长node.takeSnap回调不执行[图片] node打印成功，也有takesnapshot方法，但是三个回调都没执行
[问答]1天前skyline模式下click事件返回的 event.detail 对象不返回clientX属性
skyline模式下click事件返回的 event.detail 对象不返回clientX，clientY属性，现在变成x，y，导致页面点击事件报错无法点击，能不能快速修复下
[问答]1天前mask-image 在 skyline 中引用 svg 存在颜色边
[图片]有淡淡的颜色边 .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)) }
[问答]1天前skyline share-element第0帧白屏的问题？
今天写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版本的作品
[问答]1天前view组件webview模式下正常，skyline模式下时，border被显示出来，怎么去掉？
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; }
[问答]2天前skyline 中使用background-image 会频繁触发请求?
同一张图片，每次滚动都会触发。 http的并发请求直接到了上限了...... [图片]
[问答]2天前Skyline input 失去光标也会触发 bindinput
skyline 才会复现，必现，webview模式不会
[问答]星期二 17:13skyline下 组件的virtualHost配置不生效？建议加入文档说明
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在未支持的情况下，文档中备注说明，减少开发调试成本
[问答]星期二 10:07canvas在skyline渲染模式自定义组件attached中绘制随机白屏？
如题，片段已传 3.7.11基础库，8.0.57微信 ios18.3.2 skyline渲染，页面进入然后返回多试几次就能遇到
[问答]星期二 05:222025了 skyline支持热重载了嘛？
没热重载不碰skyline
[问答]星期二 05:04微信小程序在skyline渲染下，使用uni-popup底部弹框，无法弹起怎么办？
<uni-popup ref="popups" type="bottom" :safe-area="false"> <view class="popupView" @click="toLogin"> hdgdfg </view> </uni-popup>微信小程序在skyline渲染下，使用uni-popup底部弹框，无法弹起，但是在webview渲染下，是可以正常底部谈起的，怎么在skyline渲染下谈起弹框呢？
[问答]星期一 15:25macOS 开发者工具skyline引擎下gap属性无法预览，真机没问题，何时能修复？
macOS 开发者工具skyline引擎下gap属性无法预览，真机没问题，何时能修复？ 版本：1.06.2503122
[问答]03-21skyline中css不支持color()函数？
box-shadow: 0 0 5px 1px color(from white r g b); 这样的写法就不能显示出阴影。
[问答]03-21skyline渲染下，字体为什么变粗了？
[图片] skyline渲染下，为什么字体变粗了，webview下是正常粗细，手机端skyline也是正常粗细。
[问答]03-20skyline模式下的margin为什么无效？
skyline模式下，手机端排版margin和padding都失效， [图片] 手机端webview和开发者工具skyline和webview中，margin和padding都是可以的 [图片][图片] wxml代码 <view class="goods_category"> <view class="goods_category_swiper"> <view wx:key="*this" wx:for="{{goods_category}}" class="goods_category_item" bindtap="select_category" data-goods_category_id="{{item.id}}"> <image src="{{item.img}}"></image> <view class="goods_category_title" wx:if="{{item.is_select == 1}}" style="background-color: #003B90;color:white;">{{item.title}}</view> <view class="goods_category_title" wx:else>{{item.title}}</view> </view> </view> </view> wxss代码 .goods_category_swiper {width:auto;height:192rpx;display: flex;overflow-x: scroll; margin-top:32rpx;} .goods_category_swiper::-webkit-scrollbar {width: 0;} .goods_category_item{width:136rpx;height:148rpx;margin:0 0 0 40rpx;} .goods_category_item image{width:96rpx;height:96rpx;} .goods_category_title{width:96rpx;height:52rpx;line-height: 52rpx;text-align: center;border-radius: 26rpx;color:black;font-size:24rpx;background-color: white;} goods_category_item中的margin或换成padding都无效
[问答]03-20开发者工具默认的[skyline][WXSS]警告能不能不要提示啊？
开发者工具默认的[skyline][WXSS]警告能不能不要提示啊
[问答]03-19Skyline三个月没更新了, 新项目在考虑要不要上Skyline?
[图片] 如题
[问答]03-19关于Skyline渲染引擎下内阴影样式问题
微信小程序在Skyline渲染引擎下，box-shadow内阴影样式存在问题，与开发者工具中表现不一致，blur表现差异很大，希望官方可以跟进修复该问题，谢谢。 另外补充一点：我看官方文档Skyline模式下flex布局支持gap属性，但是实际没效果，而且该属性在开发者工具中会提示〰️警告，这是什么原因 开发者工具中： [图片] ios微信端小程序预览： [图片]
[问答]03-18Skyline渲染 iconfont图标问题？
Skyline渲染，使用iconfont图标，开发者工具可以正常显示，Android手机也可以正常显示，iOS手机显示不出来，什么也没有。 本地ttf文件，base64都试过了。 兼容模式也使用过，也不行。 [图片]
[问答]03-17snapshot组件截图底色覆盖不全的问题？
[图片] <block wx:for="{{content.nodes}}" wx:key="index" wx:for-index="divIndex"> <snapshot id="my-snapshot-{{divIndex}}" class="intro" style="width: {{395*content.s}}px;height:{{item.h*content.s}}px;background: {{item.bg.b}};" mode="view"> <view style="width:{{395}}px;height:{{item.h*content.s}}px;transform: scale({{content.s}}); transform-origin: 0 0;background: {{item.bg.b}};"> <view catch:tap="div" data-name="div" data-index="{{divIndex}}" style="display:flex;width:100%;height:{{item.h}}px;position: relative;background: {{item.bg.b}};z-index: 0;overflow: hidden;"> <block wx:for="{{item.items}}" wx:key="index"> <view> </view> </block> </view> </view> </snapshot> </block> 海报设计的尺寸与设备像素比的积不能为整数的时候，就会有1px的空白区域，如上图的右边与下边的1px空白，都是底色没有被覆盖导致的，也就是说有小数尺寸的时候，海报绘制精度可能有问题，也不知道是代码的问题，还是snapshot 组件的问题
[问答]03-15
小程序示例
交互动画 tab
能否提供一个片段看下