After the release of the new project management, there was a problem that the mouse could not scroll up and down the page. What is strange is that there is no problem in local development, but the problem occurred after the release of production.
Because there are more components added this time, and there are more corresponding styles, so let’s deal with it in several parts first.
1. Are there any conflicts in the newly added components?
2. Add the project details home page and find that there is a problem at this time
Finally, it was found that it was the following in task.vue
// import '@/assets/tw/css/theme.less';
Of course, problems with mouse scrolling are generally caused by overflow style problems, because in order to narrow the scope, search for style files and trace style problems at the same time.
. Just remove the overflow above
After clicking, you can see the overflow of the body: hidden; just comment it
Seeing that the page cannot be scrolled, it is normal to remove the hidden through the overflow property on the right, that should be the problem
It should be related to the style of theme.less. Because there are many styles here, you need to search for it
Finally, I found the problem of base.less, just comment it out
This is normal and does not affect the display of other styles of the project management function.