Open jesse-tang-93 opened 1 year ago
小程序(@nutui/nutui-taro)
4.0.12
3.3.4
dev:weapp
npm
18.16.0
Chrome
windows11
👽 Taro v3.6.7
Taro CLI 3.6.7 environment info: System: OS: Windows 10 10.0.22621 Binaries: Node: 18.16.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD npm: 9.5.1 - C:\Program Files\nodejs\npm.CMD npmPackages: @tarojs/cli: 3.6.7 => 3.6.7 @tarojs/components: 3.6.7 => 3.6.7 @tarojs/helper: 3.6.7 => 3.6.7 @tarojs/plugin-framework-vue3: 3.6.7 => 3.6.7 @tarojs/plugin-html: 3.6.7 => 3.6.7 @tarojs/plugin-platform-alipay: 3.6.7 => 3.6.7 @tarojs/plugin-platform-h5: 3.6.7 => 3.6.7 @tarojs/plugin-platform-jd: 3.6.7 => 3.6.7 @tarojs/plugin-platform-qq: 3.6.7 => 3.6.7 @tarojs/plugin-platform-swan: 3.6.7 => 3.6.7 @tarojs/plugin-platform-tt: 3.6.7 => 3.6.7 @tarojs/plugin-platform-weapp: 3.6.7 => 3.6.7 @tarojs/runtime: 3.6.7 => 3.6.7 @tarojs/shared: 3.6.7 => 3.6.7 @tarojs/taro: 3.6.7 => 3.6.7 @tarojs/taro-loader: 3.6.7 => 3.6.7 @tarojs/webpack5-runner: 3.6.7 => 3.6.7 babel-preset-taro: 3.6.7 => 3.6.7 eslint-config-taro: 3.6.7 => 3.6.7
小程序示例,日历组件
1、打开官方示例微信小程序, 2、日历组件 选择单个日期点击后,日历组件打开延迟较高
小程序端:切换日历组件显隐状态后,日历组件能尽可能低延迟打开。
小程序端:切换日历组件显隐状态后,日历组件显示延迟较高。
+1 同样的感受
+1,在一些机型上,甚至会出现5s的延迟
我的是oppofindx3这组件打开好卡,滚动也卡
Taro 的渲染更新机制粒度比较大,同一个页面如果出现多个复杂组件,就比较卡顿。 可以考虑将单个组件用 custom-wrapper 包裹:https://taro-docs.jd.com/docs/components/viewContainer/custom-wrapper
NutUI scenes(nutui 场景)
小程序(@nutui/nutui-taro)
NutUI-vue version(nutui-vue 版本)
4.0.12
Vue version(vue 版本)
3.3.4
Operating environment(运行环境)
dev:weapp
Citation method(引用方式)
npm
Node version(node 版本)
18.16.0
Browser and its version(浏览器及其版本)
Chrome
System and its version(系统及其版本)
windows11
Taro environmental information(taro 环境信息)
👽 Taro v3.6.7
Taro CLI 3.6.7 environment info: System: OS: Windows 10 10.0.22621 Binaries: Node: 18.16.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD npm: 9.5.1 - C:\Program Files\nodejs\npm.CMD npmPackages: @tarojs/cli: 3.6.7 => 3.6.7 @tarojs/components: 3.6.7 => 3.6.7 @tarojs/helper: 3.6.7 => 3.6.7 @tarojs/plugin-framework-vue3: 3.6.7 => 3.6.7 @tarojs/plugin-html: 3.6.7 => 3.6.7 @tarojs/plugin-platform-alipay: 3.6.7 => 3.6.7 @tarojs/plugin-platform-h5: 3.6.7 => 3.6.7 @tarojs/plugin-platform-jd: 3.6.7 => 3.6.7 @tarojs/plugin-platform-qq: 3.6.7 => 3.6.7 @tarojs/plugin-platform-swan: 3.6.7 => 3.6.7 @tarojs/plugin-platform-tt: 3.6.7 => 3.6.7 @tarojs/plugin-platform-weapp: 3.6.7 => 3.6.7 @tarojs/runtime: 3.6.7 => 3.6.7 @tarojs/shared: 3.6.7 => 3.6.7 @tarojs/taro: 3.6.7 => 3.6.7 @tarojs/taro-loader: 3.6.7 => 3.6.7 @tarojs/webpack5-runner: 3.6.7 => 3.6.7 babel-preset-taro: 3.6.7 => 3.6.7 eslint-config-taro: 3.6.7 => 3.6.7
Reproduction link(重现链接)
小程序示例,日历组件![图片](https://github.com/jdf2e/nutui/assets/26913463/83790f18-2674-42f6-8bad-579e2660a8e5)
Steps to reproduce(重现步骤)
1、打开官方示例微信小程序, 2、日历组件 选择单个日期点击后,日历组件打开延迟较高
What is expected?(期望的结果是什么?)
小程序端:切换日历组件显隐状态后,日历组件能尽可能低延迟打开。
What is actually happening?(实际的结果是什么?)
小程序端:切换日历组件显隐状态后,日历组件显示延迟较高。