集成snaker流程，使用iframe放html流程图，但显示不全

goodX5 · 发表于 2016-10-17 23:31:17

显示不全流程图示如下：

正常显示为：

初步调试知道基本原因，但不知道如何解决，原因见下图

就是三个div【列表】、【详细】、【测试】的class我都设置成tab-pane，这个时候就会显示不全，但如果我把测试的class置空，则能显示正常，
不过流程图会在列表页和详细也会显示，太郁闷，麻烦技术牛人帮忙看看，感谢！！！！

闰土 · 发表于 2016-10-18 13:25:02

那就是说 tab-panel 这个属性影响了布局，不要在这理看，你看一下，具体是哪个样式属性，影响了你的布局，F12 审查元素看一下，主要就看看这个tab-panel 中的属，然后再通过自己调整属性，达到想要的效果

goodX5 · 发表于 2016-10-19 08:16:57

感谢您的回复，我调试过了，找了好久就是找不到，才发帖子的，还有没有别想法或者类似的案例看看

闰土 · 发表于 2016-10-19 10:03:45

goodX5 发表于 2016-10-19 08:16
感谢您的回复，我调试过了，找了好久就是找不到，才发帖子的，还有没有别想法或者类似的案例看看 ...

样式问题，是你说案例，集成的案例，就只有集成Echart，好像和您这个没什么关系，要不就直接放弃tab-panel ，然后自己在CSS 中给他定义想要的样式，可以么？

goodX5 · 发表于 2016-10-19 11:05:37

感谢，不过我已经找到解决方法了，就是设计界面为了美观，先设置为tab-panel，然后页面加载时，再用removeClass把它清除，接着再动态加载流程，这样wex5和流程就不会有冲突，感觉很爽，

goodX5 · 发表于 2016-10-19 11:07:13

可以结贴了，谢谢！

		自动登录	找回密码
密码			注册

[处理中1] 集成snaker流程，使用iframe放html流程图，但显示不全