1.2.2 • Published 4 years ago
rax-embed v1.2.2
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 });