<template>
    <div id="fade" class="bgColor">
        <div class="success" v-if="status">
            <i class="iconfont icon-icon_zhengzaijinx"></i>
            <span class="conentBox">成功提示:<span class="conent">{{conents}}</span></span>
        </div>
        <div class="error" v-else>
            <i class="iconfont icon-cuowu"></i>
            <span class="conentBox">错误提示:<span class="conent">{{conents}}</span></span>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{

        }
    },
    props:['conents',"status"],
    methods:{

    },
    mounted(){
    }
}
</script>
<style scoped>
.bgColor{
    background-color: white
}
#fade{
    display: none
}
.success{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    padding: 0 .24rem;
    background-color: #bae6b8;
    z-index: 99999 
}
.success i{
    font-size: .35rem;
    color: #056b00;
}
.success .conentBox{
    display: inline-block;
    margin-left: .16rem;
    font-size: .28rem;
    color: #056b00;
    font-weight: bold
}
.success .conentBox .conent{
    display: inline-block;
    margin-left: .08rem;
    color: #056b00;
    font-weight: bold
}
.error{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    padding: 0 .24rem;
    background-color: rgb(235,197,188);
    z-index: 99998
}
.error i{
    font-size: .35rem;
    color: rgb(153,31,0)
}
.error .conentBox{
    display: inline-block;
    margin-left: .16rem;
    font-size: .28rem;
    color: rgb(153,31,0);
    font-weight: bold
}
.error .conentBox .conent{
    display: inline-block;
    margin-left: .08rem;
    color: rgb(153,31,0);
    font-weight: bold
}
</style>