<template>
    <div class="config-annotation-wrap">
        <el-button type="text" @click="showImage">{{buttonText}}</el-button>
        <span class="hint-text">{{picHintText}}</span>
    </div>
</template>

<script>
export default {
    props:{
        buttonText:{
            type:String,
            default:'查看示意图'
        },
        picName:{
            type:String,
            default:''
        },
        picHintText:{
            type:String,
            default:'上传格式：png、jpg'
        }
    },
    data() {
        return {

        };
    },
    methods: {
        showImage(){
            this.$emit('showImage',this.picName)
        }
    },
};
</script>

<style scoped lang="scss">
.config-annotation-wrap{
    .hint-text{
        margin-left: 20px;
        color: #dcdcdc;
    }
}
</style>
