# Webview 浏览器容器

请扫码查看示例

# 介绍

支持在MiniX页面设置一个内嵌窗口，打开一个Web页面。

# 引入

通过以下方式来引入组件

使用包管理器安装mui-minix 组件库。如： npm i mui-minix -S;
在要使用该组件的页面中使用element标签引入该组件。

# 代码演示

# 基本用法

webview组件提供默认导航栏，导航栏可设置标题文案，左侧提供1个返回按钮，右侧提供一个刷新按钮

<element name="m-webview" src="../../../../node_modules/@minix-iot/mui/src/webview/index"></element>
<m-webview main-title="IoT物联技术" src="https://msmart.midea.com/connection"></m-webview>

1
2

# 自定义用法

如需自定义导航栏，先设置属性 show-navbar 为 false，再引用 navBar (opens new window) 组件定义导航栏

<element name="m-webview" src="../../../../node_modules/@minix-iot/mui/src/webview/index"></element>
<element name="m-nav-bar" src="../../../../node_modules/@minix-iot/mui/src/nav-bar/index"></element>
<div>
    <m-nav-bar title="IoT技术" subtitle="物联技术" right-icon="more" @m-right-click="onRightClick"></m-nav-bar>
    <m-webview show-navbar="false" src="https://msmart.midea.com/connection"></m-webview>
</div>

1
2
3
4
5
6

# Api

# Prop

字段	说明	类型	默认值	是否必须
`src`	web网页url路径	`String`	-	`是`
`show-navbar`	是否展示默认导航栏	`Boolean`	`true`	`否`
`main-title`	默认导航栏的标题，只有当`show-navbar`为`true`时，该属性才起作用	`String`	-	`否`