rax-embed

rax-embed

支持

Web / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序

描述

内嵌内容容器，在 weex 下为 <web> 实现，在 web 下为 <iframe> <embed> 实现，小程序中实现为<webview>。

安装

$ npm install rax-embed --save

引用

import Embed from 'rax-embed';

属性

小程序中使用 webview 实现，默认会全屏覆盖当前页面，不能设置样式和透明度

属性	类型	默认值	必填	描述	支持
style	object	{}	false	样式描述
src	string	''	false	嵌入的页面地址
urlParam	string/object	{}	false	传递给子页面的参数
page_inside_embed	boolean	true	false	页面是否在embed中
page_home_isweex	boolean		false	子页面的宿主页面是否是 weex 渲染

示例

import { createElement, render } from 'rax';
import DriverUniversal from 'driver-universal';
import Embed from '../src/index';

const urlParam = {
  paramOne: 123,
  paramTwo: 456
};
render(<Embed urlParam={urlParam} src={'http://taobao.com'} useIframeInWeb={true} style={{
  height: '750rpx',
  width: '750rpx'
}} />, document.body, { driver: DriverUniversal });