swan-docs/source/_posts/develop/component/open.md

智能小程序文档

---
title: 开放能力
header: develop
nav: component
sidebar: open
---

open-data
-----


<text><text class="notice">解释:</text>用于展示手机百度APP开放的数据。</text><div></div><text class="notice">属性说明:</text>

| 属性名 | 类型     | 默认值  | 说明              |
| --- | ------ | ---- | --------------- |
| type | String | | 开放数据类型 |

<div class="notice">type 有效值:</div>


| 值 | 说明 |
|--- |----- |
| userNickName | 用户昵称 |
| userAvatarUrl | 用户头像 |
| userGender | 用户性别 |

<div class="notice">示例： </div>
```xml
<open-data type="userNickName"></open-data>
<open-data type="userAvatarUrl"></open-data>
<open-data type="userGender"></open-data>
```

web-view
-----

**解释：** web-view 组件是一个可以用来承载网页的容器，会自动铺满整个智能小程序页面。

**属性说明:**

| 属性名 | 类型  |必填 | 说明 |
| ----|----| ----| ----|
|src|String|是|webview 指向网页的链接|

**示例：**

```xml
<!-- swan -->
<!-- 首页的web-view -->
<web-view src="https://m.baidu.com/a.html"></web-view>
```

**相关接口：**

<web-view/>网页中可使用 JSSDK 提供的接口返回智能小程序页面。 支持的接口有：

| 接口名 | 说明| 备注|
|----|----|----|
|swan.webView.navigateTo| 参数与智能小程序接口一致 ||
|swan.webView.navigateBack| 参数与智能小程序接口一致||
|swan.webView.switchTab | 参数与智能小程序接口一致 ||
|swan.webView.reLaunch | 参数与智能小程序接口一致 ||
|swan.webView.redirectTo | 参数与智能小程序接口一致 | ||


**示例：**

```xml
<!-- html -->
<script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swan.js"></script>
```

```js
// javascript
swan.webView.navigateTo({url: '/pages/detail/index'});

```

**<div class="notice">Tips: </div>**

1.&nbsp;<text class="notice">网页内iframe的域名也需要配置到域名白名单。</text>
2.&nbsp;每个页面只能有一个`<web-view/>`，`<web-view/>`会自动铺满整个页面，并覆盖其他组件。
3.&nbsp;网页与智能小程序之间不支持除JSSDK提供的接口之外的通信。