本篇文章主要给大家介绍MIP中的内联框架组件。

MIP的内联框架组件就是MIP的一种内置组件,而内置组件就是包含在 mip.js 中的组件,可直接使用,不需要另外引入 JS 脚本。

MIP中内联框架组件的标签是<mip-iframe>

推荐参考mip使用手册:《MIP文档手册

想必大家都知道HTML中iframe标签,即iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

那么mip-iframe 就是用来支持在 MIP 中嵌入第三方内容的一种方式。

但是需要注意的是:所嵌入的内容强制是符合 HTTPS 协议的。

mip-iframe的简单示例如下:

<mip-iframe
    layout="fixed-height" 
    src="https://www.php.cn" 
    allowfullscreen    width="400"
    height="300"
    allowtransparency="true">
</mip-iframe>
登录后复制

效果如图:

Mip的内联框架组件是什么-LMLPHP

当我们拖动滚动条只会影响内联框架中的内容。其实与普通的iframe标签用法基本相同。

mip-iframe标签中可能的值有:

widthheight属性分别表示与高度、宽度属性配合来设置的图片比例,不是实际宽高度。

frameborder表示规定是否显示框架周围的边框。

srcdoc表示规定在内联框架组件中显示的页面的 HTML 内容。

sandbox表示启用一系列对内容的额外限制。

allowtransparency属性设为“true”表示浮动框架定义透明内容。

本篇文章就是关于MIP中的内联组件的具体介绍,也是非常简单易懂,希望对需要的朋友有所帮助!

以上就是Mip的内联框架组件是什么的详细内容,更多请关注Work网其它相关文章!

09-07 20:39