# su-dialog-01
> 使用方法同element框架中的dialog，更多用法及示例可查看element官网

## 导入使用

```code[javascript]
import seDialog01 from "ss-universal-client-web/comp/data/su-dialog-01";
```

## 自定义头部
:::demo `show`用于控制弹窗展示与否
```html
<template>
    <div>
        <el-button @click="show=true;">
            打开弹窗
        </el-button>
        <su-dialog-01 :visible.sync="show" ref="dialog">
            <div style="height:50px" slot="header"> 
                自定义头部 
                <el-link type="danger" @click="$refs.dialog.close();">关闭</el-link>
            </div>
            <h1>
                我是内容
            </h1>
            <p slot="footer">
                我是footer
            </p>
        </su-dialog-01>    
    </div>
</template>

<script>
    export default {
        components:{
            seDialog01
        },
        data() {
            return {
                show : false
            }
        }
    }
</script>

```
:::