Skyline渲染引擎
为什么我引用wxCharts以后skyline不显图表,切换webview就可以显示了 // pages/Charts/Charts.js const wxCharts = require("../../utils/wxcharts.js") Page({ /** * 页面的初始数据 */ data: { chartDatas: { money7: [6.4, 0, 0, 0, 18.71, 5.6, 0], day7: ["13日", "14日", "15日", "16日", "17日", "18日", "19日"] } }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { new wxCharts({ canvasId: 'linec', type: 'line', categories: this.data.chartDatas.day7, animation: true, series: [{ name: '洗涤费', // 线条的颜色 color: '#FF8A06', data: this.data.chartDatas.money7, format: function (val) { return val.toFixed(1) + ''; } }], dataPointShape: true, xAxis: { fontColor: '#7D7D7F', // 不显示x轴 刻度点 disableGrid: true, }, yAxis: { // y轴文字颜色,display:true不显示 fontColor: '#FF8A06', // 不显示y轴 disabled: true }, // 非通用配置 extra: { legendTextColor: '#c427b1', lineWidth: 10, // 线条形状:curve 圆滑 lineStyle: 'curve' }, // dataPointShape:false, legend: false, width: 400, height: 300, }); }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady() { }, /** * 生命周期函数--监听页面显示 */ onShow() { }, /** * 生命周期函数--监听页面隐藏 */ onHide() { }, /** * 生命周期函数--监听页面卸载 */ onUnload() { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh() { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom() { }, /** * 用户点击右上角分享 */ onShareAppMessage() { } }) .chart{ height: 600rpx; width: 700rpx; } <!--pages/Charts/Charts.wxml--> <view> <canvas canvas-id="linec" class="chart"></canvas> </view>
skyline模式的textarea使用auto-height时默认就有好多行的宽度,如何跟webview一样为一行呢
https://developers.weixin.qq.com/miniprogram/dev/component/double-tap-gesture-handler.html 添加基础基础版本库以后不能正确渲染
[图片] 如上图所示,如果把上面的页面【自定义路由】设置为首页,直接打开,点击打开半屏页面后,【自定义路由】页面是个左滑压入的效果,这个可以怎么解决呢(实际是想要,直接打开【自定义路由】,然后再打开半屏页面是,实现缩小压入的效果)? 如果从其他页面,通过设置routeType进入到【自定义路由】 wx.navigateTo({ url: '/scale-page/index', routeType: CustomRouteType.ScaleTransition }); 在【自定义路由】,点击打开半屏页面后,就能实现旧页面缩小的压入效果
文档里面的我一直都用的通用属性,我以为特有属性 一般情况下不能用,今天做复制功能用了一个webview特有属性,居然生效了,难道小程序的页面本身就可以用webview属性吗,我以为要使用了webview才可以用,有点晕。。。skyline也不太懂,现在小程序是用上skyline了吗,还是要特殊操作一下才算skyline?? [图片]
[图片] 如上图, Skyline模式下, 在组件内的 flex 和 items-center 样式,不起作用。 直接把组件内的代码放到页面就没问题。 ------------------------------------------------------------------------------------ 我是用的Uniapp开发的,附上解决方案: 修改 \node_modules\@dcloudio\uni-cli-shared\dist\json\mp\jsonFile.js 文件 function addMiniProgramComponentJson(filename, json) { // 方法中增加下面这一行,编译后会自动给组件里面加上 optons.styleIsolation 配置 json = Object.assign(json,{"styleIsolation": "apply-shared" }); jsonComponentsCache.set(filename, json); }
使用skyline引擎,其他页面用app.wxss中的类,没有样式效果。是不能使用还是需要另外的配置?
使用自定义路由或预设路由从A页面跳转到B页面,如果A页面是tabbar标签页就会跳转失败,如果A页面不是tabbar标签页就可以成功触发动画跳转,是tabbar就无法自定义路由还是哪里需要做别的配置
都是一家人应该后面也会支持吧,毕竟qq小程序用户群体也有不少的
[ui] Javascript worklet error src/worklet/hook/animatedStyle.ts (65:23):1: TypeError: Cannot read property 'forEach' of undefined TypeError: Cannot read property 'forEach' of undefined at _f (src/worklet/hook/animatedStyle.ts (65:23):1:401)(env: Windows,mp,1.06.2310071; lib: 3.1.2)
[图片] 切换为兼容模式就显示正常,一切换到skyline渲染模式就报这个异常,也不显示具体错在什么地方
在开启skyline渲染模式后,text标签的pointer-events无法设置成none,无论是上级标签,还是text本身的设置都没有效果。webview模式下正常,在所有平台上都存在有这个问题。与sdk版本无关,测试用最新版本3.1.4 案例链接: https://developers.weixin.qq.com/s/DNN8yamq7QMl
使用第三方远程(todesk、向日葵)等工具skyline就可以正常渲染。但是在3389下远程就会崩溃。崩溃内容如下: [图片] 换过最新的稳定版、最新的stable 版都会出现这种情况。
[图片] windows rc版 [图片]
页面app.json是使用skyline渲染 以及 配置 "lazyCodeLoading": "requiredComponents", 使用vant-weapp 组件库 field 组件报错. 提示找不到这个bem 方法 [图片] bem方法声明 组件库源码部分是这么写的 [图片] // wxs/utils.wxs [图片] // bem.wxs [图片] // memoize.wxs [图片] 切换成 webview 模式渲染 删除"lazyCodeLoading": "requiredComponents" 页面正常 想问是不支持commonjs吗?但是看文档 wxs 写的就是commonjs 该怎么去兼容按需加载呢,使得在skyline渲染下也能正常
在Skyline渲染的界面里,自定义的组件在wxss中使用host选择器选择标签本身定义样式会失效。例: custom-tag.wxss :host { color: red; background-color: blue; width: 100rpx; height: 100rpx; display: block; } custom-tag.wxml <view>Content</view> page.wxml <custom-tag/> 看到的只是黑色的Content,没有背景色,也没有前景色,更没有大小。 这个功能的失效对自定义组件的开发影响较大。 微信开发者工具版本: Windows Stable 1.06.2308310 基础库版本:3.1.3
无法确认复现过程,在 IOS 设备和安卓设备上都出现过该异常情况,该页面使用 skyline 布局,删除小程序重新打开还是异常。 正常效果 [图片] 异常效果: [图片]
t-design不兼容Skyline吗?
https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html skyline模式中,swiper 打开 autoplay 时 问题:用户主动触发一次切换滑块时,会滚动2张图片,影响用户体验 期望:用户主动触发时,autoplay的间隔时间 interval 重新计时,达到指定的间隔时间 interval,再触发自动切换滑动。
我从github下载下来的skyline渲染案例,在电脑端是skyline渲染,手机端是webview渲染,我的手机支持skyline渲染,因为我开发其它的skyline是有效果的,就是这个copy下来的没有效果
小程序示例
交互动画 tab
应该是 wxcharts 的兼容有问题,wxcharts 的地址可以发一下