search

opentiny / tiny-vue

TinyVue is an enterprise-class UI component library of OpenTiny community, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.
https://opentiny.design/tiny-vue
MIT License
1.71k stars 266 forks source link

🐛 [Bug]: [DialogBox] The dialog-box on the right is not smooth. #666

Open dmyz opened 1 year ago

dmyz commented 1 year ago

Version

3.11.0

Vue Version

3.3.4

Link to minimal reproduction

https://opentiny.design/tiny-vue/zh-CN/os-theme/components/dialog-box#right-dialog

Step to reproduce

点击按钮看效果

What is expected

No response

What is actually happening

No response

Any additional comments (optional)

No response

Issues-translate-bot commented 1 year ago

Bot detected the issue body's language is not English, translate it automatically.

Title: 🐛 [Bug]: [DialogBox] The pop-up window on the right does not open smoothly

zzcr commented 1 year ago

这个是加了动画所以导致的不流畅嘛？

Issues-translate-bot commented 1 year ago

Bot detected the issue body's language is not English, translate it automatically.

Is this caused by the added animation causing it to be unsmooth?

Huangyilin19 commented 11 months ago

能否详细说明下问题，最好附上录屏文件。

Issues-translate-bot commented 11 months ago

Bot detected the issue body's language is not English, translate it automatically.

Can you explain the problem in detail? It would be better to attach the screen recording file.

James-9696 commented 4 months ago

见官网，右侧弹窗呈现很丝滑，没有卡顿。

Issues-translate-bot commented 4 months ago

Bot detected the issue body's language is not English, translate it automatically.

See the official website, the pop-up window on the right is very smooth and there is no lag.

gweesin commented 3 months ago

复现步骤：

  1. Ctrl + Shift + I 打开 devTools
  2. Ctrl + Shift + P 打开命令窗口
  3. 搜索 fps，点击 Show frames per second (FPS) meter
  4. 点击按钮弹出右侧面板，效果如图：

gif

猜测是动画效果还需要调整一下，帧率掉了60帧左右可能让人觉得卡顿

Issues-translate-bot commented 3 months ago

Bot detected the issue body's language is not English, translate it automatically.

Reproduction steps:

  1. Ctrl + Shift + I open devTools
  2. Ctrl + Shift + P open the command window
  3. Search for fps and click Show frames per second (FPS) meter
  4. Click the button to pop up the right panel, as shown below:

gif

My guess is that the animation effect needs to be adjusted. The frame rate dropped by about 60 frames, which may make people feel stuck.

gweesin commented 3 months ago

补充，Performance 录制也可以清晰看到展开那段帧率掉很多

image

希望对贡献者有所帮助。

shenjunjian commented 3 months ago

在录制性能中，能看到，打开瞬间会卡掉2帧。 消耗在重新布局了，需要优化 image

image

Issues-translate-bot commented 3 months ago

Bot detected the issue body's language is not English, translate it automatically.

In the recording performance, you can see that 2 frames will be stuck the moment it is turned on. It’s wasted on re-layout and needs to be optimized. image

image