<template>
    <vue-scroll  class="specialCheck">
        <div class="flex">
        <img src="@/assets/images/firmNotice/wtfl.png" @click="btn(1)" class="left_img"/>
        </div>
        <el-dialog :modal-append-to-body="false" :visible.sync="dialogVisible" width="350px">
             <img width="100%" height="auto" :src="dialogImageUrl" @click="btn(3)" alt="">
        </el-dialog>

    </vue-scroll>
</template>
<script>
export default {
    data(){
        return{
            dialogVisible:false,
            dialogImageUrl:'',
        }
    },
    methods:{
        btn(type){
           
        }
    }
}
</script>
<style lang="less" scoped>
.flex{
   display: flex;
}
.specialCheck{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #fff;
    margin-top: 12px;
    .left_img{
        width: auto;
        height: 100%;
        cursor: pointer;
        margin-right: 12px;
        padding-top: 12px;
    }
    .right_img{
        width: 100%;
        height: auto;
        cursor: pointer;
    }
   /deep/ .el-dialog__body{
        padding: 0 !important;
    }
}
</style>