vitepress-for-component icon indicating copy to clipboard operation
vitepress-for-component copied to clipboard

能否支持Iframe模式,

Open pangao66 opened this issue 2 years ago • 8 comments

vuepress目前不支持iframe模式, dumi是将所有组件打成一个包,所以的组件都可以单独访问

pangao66 avatar Sep 22 '21 08:09 pangao66

支持iframe是指啥? 为了干啥? 现在直接用的vite打包的,打包逻辑可以自己修改的,后续在模板里可以支持下单独打包。

dewfall123 avatar Sep 26 '21 01:09 dewfall123

dumi是支持Iframe模式的https://d.umijs.org/guide/basic#iframe-mode 某些情况下用iframe模式有很大的好处 比如避免样式冲突, 定位问题等, iframe模式如果能支持,那还可以做成dumi那样image 搞移动端ui文档

pangao66 avatar Sep 27 '21 11:09 pangao66

+1,我的场景是layout(全屏组件、且耦合了router-view),就像这个

bowencool avatar Sep 30 '21 03:09 bowencool

CSS污染问题确实很严重。layout.css里对基础元素进行了大量的样式定义,这些非常可能直接影响组件样式。 比如我在Element-plus基础上进行二次开发,就遇到了以下样式的污染。

table {
  display: block;
  border-collapse: collapse;
  margin: 1rem 0; // this
  overflow-x: auto;
}

建议所有全局样式的效果,不影响 .demo-slot

zhangshichun avatar Nov 18 '21 07:11 zhangshichun

我也遇到这个问题,如何能把已经编写的demo组件动态打包成html,通过iframe进行预览,可以更直观的看到移动端的情况和也能避免样式的污染

MaybeQHL avatar Nov 23 '21 06:11 MaybeQHL

比如 触摸这种事件只有在移动端的环境下才可以演示

MaybeQHL avatar Nov 23 '21 06:11 MaybeQHL

我发布了一个解决方案:https://github.com/bowencool/blog/issues/15

bowencool avatar Dec 28 '21 03:12 bowencool

有一样的问题,最后怎么解决的?

zhoufanglu avatar Apr 21 '23 07:04 zhoufanglu