# PopupImage 图片弹窗

请扫码查看示例

# 介绍

基于弹出层容器，展示图片的弹窗。

# 引入

通过以下方式来引入组件

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

# 代码演示

# 基本用法

<element name="m-popup-image" src="@/node_modules/mui-minix/src/popup-image/index"></element>
<m-popup-image active="{{active}}" @m-close="onClose" img="http://dolphin-weex-dev.msmartlife.cn/static/component/popup-image/image/activity.jpg"></m-popup-image>

1
2

export default {
  data(){
    return {
      active: false
    }
  },
  onClose(){
    this.active = false
  }
}

1
2
3
4
5
6
7
8
9
10

# Api

# Prop

字段	说明	类型	默认值	是否必须
`active`	是否显示弹窗	`boolean`	`false`	`是`
`img`	活动图片	`string`	`-`	`是`

# Events

名称	说明	回调参数
`m-close`	点击底部关闭图标时触发	`-`