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 });