Skyline渲染引擎
最新提问- 全部
- 文章
- 问答
- 全部
- 文章
- 问答
置顶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; }
03-27置顶skyline 中使用background-image 会频繁触发请求?
同一张图片，每次滚动都会触发。 http的并发请求直接到了上限了...... [图片]
03-26置顶Skyline input 失去光标也会触发 bindinput
skyline 才会复现，必现，webview模式不会
03-25置顶skyline下 组件的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在未支持的情况下，文档中备注说明，减少开发调试成本
03-25置顶canvas在skyline渲染模式自定义组件attached中绘制随机白屏？
如题，片段已传 3.7.11基础库，8.0.57微信 ios18.3.2 skyline渲染，页面进入然后返回多试几次就能遇到
03-25置顶2025了 skyline支持热重载了嘛？
没热重载不碰skyline
03-25置顶微信小程序在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渲染下谈起弹框呢？
03-24置顶macOS 开发者工具skyline引擎下gap属性无法预览，真机没问题，何时能修复？
macOS 开发者工具skyline引擎下gap属性无法预览，真机没问题，何时能修复？ 版本：1.06.2503122
03-21置顶skyline中css不支持color()函数？
box-shadow: 0 0 5px 1px color(from white r g b); 这样的写法就不能显示出阴影。
03-21置顶skyline渲染下，字体为什么变粗了？
[图片] skyline渲染下，为什么字体变粗了，webview下是正常粗细，手机端skyline也是正常粗细。
03-20置顶skyline模式下的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-19置顶Skyline三个月没更新了, 新项目在考虑要不要上Skyline?
[图片] 如题
03-19置顶Skyline渲染引擎下box-shadow: inset 在真机渲染异常
微信小程序在Skyline渲染引擎下，box-shadow内阴影样式存在问题，与开发者工具中表现不一致，blur在真机渲染异常，表现差异很大 希望官方可以跟进修复该问题，谢谢。 这个问题是没人跟进吗？这么明显的渲染问题 开发者工具&安卓系统：（正常） [图片] ios：（异常） [图片]
03-18置顶Skyline渲染 iconfont图标问题？
Skyline渲染，使用iconfont图标，开发者工具可以正常显示，Android手机也可以正常显示，iOS手机显示不出来，什么也没有。 本地ttf文件，base64都试过了。 兼容模式也使用过，也不行。 [图片]
03-17置顶snapshot组件截图底色覆盖不全的问题？
[图片] <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置顶video 标签在 Skyline模式下，安卓机型点击全屏按钮会变形
ScrollView 里面套一个view ，video 点击全屏就会变形，不放在scrollView 里面就不会变形，可以在代码偏度看一下 有问题 <scroll-view class=" scroll-container" scroll-y type="custom" enhanced show-scrollbar="{{false}}"> <view class="items"> <video src="https://lx-experiment-dev.oss-cn-guangzhou.aliyuncs.com/admin/2025-03/XTZh5n67ja.mp4"/> </view> </scroll-view> 无问题 <view class="items"> <video src="https://lx-experiment-dev.oss-cn-guangzhou.aliyuncs.com/admin/2025-03/XTZh5n67ja.mp4"/> </view>
03-14置顶如何实现一个边长不固定的正方形？
如题，我的项目中需要它，但我没能实现。 要求： 1、（似乎）不能使用 aspect ratio ，因为文档 https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/wxss.html 中没有显示支持 aspect ratio ，实际测试后我也认为skyline并不支持这个属性； 2、不能直接写死正方形view的width或者height，因为需要让它完全填满父级的横向位置或者纵向位置； 3、暂时不考虑用一个正方形图片的方案。
03-14置顶荣耀magic80 skyline 模式下样式全部变形，其他手机正常是为什么？
重点是在webview下手机的高度是360 * 638 但是开启了skyline 后手机的高度变成 360*568 这是通过wx.getSystemInfo拿到的，其他安卓手机目前正常，荣耀只测试了这一款，我这个只有首页也就是下边这个页面开启了skyline, 其他webview页面正常，第三张图是skyline的首页的页面detail，第二张是其他webview页面的用开发者工具二维码预览时报第四张图的错误SystemError (jsEnginScriptError)R.devArgs is not a function，只能用体验版查看[图片][图片][图片][图片]
03-14置顶在App()中定义的setInterval会被微信销毁吗？
如题。 我需要小程序每隔一段时间就做一些工作，也就是周期任务； 通过setInterval()来实现的话，会被微信销毁掉或者终止吗？ 有类似的或者更好的方法能实现周期执行的任务吗？
03-13
小程序示例
交互动画 tab
不是 border，是因为像素对齐导致的，相当于各个 view 之间没有对齐到物理像素网格，中间有缝隙。 看是否可以把背景放到后面来规避下