Skyline渲染引擎
sticky-section 中 子元素超过父元素的部分不进行点击事件的触发 代码片段 https://developers.weixin.qq.com/s/3DklCgmI7aOS
https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/changelog.html <view class="bingo-packer"> <pan-gesture-handler worklet:ongesture="onGesture"> <view class="bingo-packer__canvas_wrap"> <canvas type="2d" id="{{cid}}" class="bingo-packer__canvas" disable-scroll="{{true}}" style="z-index: 0;" /> </view> </pan-gesture-handler> </view> onGesture(e) { "worlet" console.log(e); }
[图片][图片][图片] 场景就是,在关闭switch的时候加一个确认弹窗,当点击取消的时候,Switch 组件就使用了默认样式,而非用户自定义的
如题 基础调试库版本:3.0.2+ 切换skyline之后纯色SVG可以正常显示,渐变色SVG无法显示,在webview模式下一切正常,是否和不支持传统渐变文字样式有关系?有啥解决办法吗,除了停用渐变SVG 代码片段:https://developers.weixin.qq.com/s/sm43jImn7ZNn [图片] [图片]
https://developers.weixin.qq.com/miniprogram/dev/component/input.html https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html https://developers.weixin.qq.com/miniprogram/dev/api/base/app/app-event/wx.onError.html [图片]
canvas中嵌套cover-view后,再嵌套一个button,webview渲染方式编译后,效果正常: [图片] 贴一下代码: [图片] 切换skyline模式编译后,在手机上就不显示了,请问这是为什么? [图片] [图片]
我今天发表的文章都不见了,已经出现过两次了,请问是什么原因啊。文章标题分别是《开源日记 持续更新NO.4 | SkylineUI组件库之令人惊喜的小程序端折线图表》和《开源日记 持续更新NO.5 | SkylineUI组件库之表环进度条》。 如果是违规了,也不至于连一点痕迹都没有
有按照要求设置代码: height:auto; width: 100%; position:absolute; transform: scale(0); 并且有按照要求,把snapshot组件放在最外层。 snapshot的内容就是循环几张图片拼成一张长图。 只要图片长就会出现断层,部分图片没有渲染。 https://developers.weixin.qq.com/miniprogram/dev/component/snapshot.html
[图片] 只要配置上Skyline下面的配置就出错。完全没有头绪。 如果删掉下面的配置是正常的。 "renderer": "skyline", "componentFramework": "glass-easel"
初始化代码如下 [图片] 手势响应函数如下 [图片] 页面代码如下 [图片] 拖动运行的结果如下 [图片] 不知道为何会如此。
小程序在skyline引擎下,在开发者模拟器中,fixed是支持的,可以把按钮固定在屏幕的某个位置上, 但是在真机调试中却不支持,不能固定住位置,这是什么原因? 我有一个按钮要固定在屏幕的底部,要怎么做?
如图所示,在linear-gradient中使用透明,显示的是黑色,webview模式下正常。 [图片] ,[图片]
<navigator url="/pages/goldDetail/goldDetail" open-type="navigate" target="self" class="areaTitle-minGap">明细列表</navigator>gold goldDetail.json { "usingComponents": {}, "navigationStyle": "default" } app.json: { "pages": [ "pages/index/index", "pages/recommend/recommend", "pages/story/story", "pages/user/user", "pages/goldDetail/goldDetail", "pages/privacy/privacy", "pages/guide/guide" ], "window": { "navigationBarTextStyle": "black", "navigationStyle": "default", "homeButton": true }, "style": "v2", "renderer": "skyline", "rendererOptions": { "skyline": { "defaultDisplayBlock": true, "disableABTest": true, "sdkVersionBegin": "3.0.0", "sdkVersionEnd": "15.255.255" } }, "componentFramework": "glass-easel", "sitemapLocation": "sitemap.json", "lazyCodeLoading": "requiredComponents", "tabBar": { "color": "#515151", "selectedColor": "red", "list": [ { "pagePath": "pages/index/index", "text": "首页", "iconPath": "/images/nav-images/home.png", "selectedIconPath": "/images/nav-images/home-select.png" }, { "pagePath": "pages/recommend/recommend", "text": "推荐", "iconPath": "/images/nav-images/sale.png", "selectedIconPath": "/images/nav-images/sale-select.png" }, { "pagePath": "pages/story/story", "text": "发现", "iconPath": "/images/nav-images/find.png", "selectedIconPath": "/images/nav-images/find-select.png" }, { "pagePath": "pages/user/user", "text": "我的", "iconPath": "/images/nav-images/user.png", "selectedIconPath": "/images/nav-images/user-select.png" } ] } } 编译错误: Compiling pages/goldDetail/goldDetail.json fail: Error: pages/goldDetail/goldDetail.json: 根据页面或 app.json 的配置, pages/goldDetail/goldDetail.json 页面“renderer” 为“skyline”,页面配置 “navigationStyle”需设置为“custom”; 当app.jsont和goldDetail.json都配置了:"navigationStyle": "default"时,就出上面的报错信息。 去掉goldDetail.json的"navigationStyle": "default"配置项,没有编译报错。但是到了goldDetail页面。没有到了返回按钮。
代码片段:https://developers.weixin.qq.com/s/lCXnZrmB7iNW 表现为:开发者工具上有导航栏组件,而使用mac版微信预览,无法加载导航栏,其它组件也一样。 [图片] 微信版本 [图片]
skyline, canvas,真机正常显示,webview 模式正常,切换到 Skyline 模式点击失效。 复现代码:https://developers.weixin.qq.com/s/cidnepmW7BNz [图片]
下面代码在webview模式下 dataPaths可以输出['name'] 但Skyline下输出的是[] Skyline的文档里没有说明这块的兼容性情况,官方可以说明一下吗? // pages/index/myComponent/myComponent.js Component({ options: { dynamicSlots: true, // 启用动态 slot }, /** * 组件的属性列表 */ properties: { mylist: { type: Array, value: [], }, paramA: String }, /** * 组件的初始数据 */ data: { name: '', }, lifetimes: { attached() { console.log('zsfk 组件内参数') this.setUpdatePerformanceListener({withDataPaths: true}, (res) => { console.log('zsfk', res) }) setTimeout(() => { this.setData({ name: 'New Name' }) }, 1000) } }, /** * 组件的方法列表 */ methods: { onClickBtn () { this.setData({ name: 'New Name2' }) } }, }) <!--pages/index/myComponent/myComponent.wxml--> <view class="container"> <view bind:tap="onClickBtn">更新a的按钮</view> </view>
wxml <view class="container"> <image class="logo" src="../../assets/liudaxq.png" mode="aspectFit"></image> <button class="logon" bindtap="onLogonOrRegister">登录</button> </view> wxss /* pages/u_login/login.wxss */ .container { display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; background-color: #323335; justify-content: space-around; align-items: center; } .logo { display: flex; box-sizing: border-box; position: relative; height: 10vh; width: 70%; justify-content: center; align-items: center; } .logon { display: flex; box-sizing: border-box; position: relative; width: 600rpx; height: 80rpx; justify-content: center; align-items: center; text-align: center; background-color: #3CAE89; border-radius: 50rpx; color: white; font-size: 36rpx; font-weight: bolder; } js /** * 登录按钮 */ onLogonOrRegister(){ console.log("登录") } [图片] [图片] [图片]
如题,使用带有模糊,颜色透明效果SVG图片时,Skyline框架下的image组件就无法正常显示出这些效果滤镜。
真机测试时,skyline页面之间跳转时,跳转后的页面状态栏和按钮字体颜色会变成跳转前页面的颜色,大家有遇到同样的问题吗? [图片] [图片]
skyline scroll-view 调试基础库3.0.1 在skyline下,scroll-view reverse后,上拉加载插入数据后滚动条位置一直在底部。下拉加载数据滚动条就没问题。 这是无法避免的吗?之所以用skyline以为这个能解决滚动条问题
小程序示例
交互动画 tab
是什么使用场景子元素会超过父元素呢?