发布项目管理生产的时候出现界面滚动不了

    新的项目管理发布后出现页面鼠标上下滚动不了的问题,比较奇怪的是,本地开发没有问题,但发布生产后就出现问题了。

因为这次增加的组件比较多,相应的样式也比较多,所以那先分几个部分处理

1、先新加的几个组件是否有冲突

2、再增加项目详情主页,发现这个时候出现问题

  最后查出来是task.vue里的下面这个

   // import '@/assets/tw/css/theme.less';

   当然一般鼠标滚动出现问题都是overflow样式问题,因为为了缩小范围,所以同时搜索样式文件与跟踪样式问题。

发布项目管理生产的时候出现界面滚动不了_第1张图片

 。去掉上面这个overflow就好

发布项目管理生产的时候出现界面滚动不了_第2张图片

 点入后可以看到是body的overflow: hidden;注释到就可以了

发布项目管理生产的时候出现界面滚动不了_第3张图片

 

    看页面不能滚动,通过右边的overflow属性去掉隐藏,就正常了,那应该就是这个问题了

    应该跟 theme.less这个的样式有关了,这里因为包含很多样式,就需要进行搜索寻找了

    最后找到是base.less问题,注释掉就可以了

发布项目管理生产的时候出现界面滚动不了_第4张图片

 这样就正常,也不影响项目管理功能的其它样式显示。

你可能感兴趣的:(前端vue,前端,vue.js)