<template>
   <div class="equipItem">
      <slot name='set'></slot> 
      <div :class="{'titleOn':is_online==1,'titleOff':is_online==0}"><slot name="title"></slot></div> 
      <slot name="content"></slot>
   </div>
</template>

<script>
    export default {
        data(){
            return {
            }
        },
        props:{
            is_online:{
                type:Number,
                },
        },
    }
</script>

<style lang='less' scoped>
.equipItem {
   position: relative;
   .titleOn{font-size:16px;font-weight:800;color:#555;border-left:5px solid #17bb89;padding-left:20px;margin-left:-20px;}
   .titleOff{font-size:16px;font-weight:800;color:#555;border-left:5px solid rgb(235, 103, 101);padding-left:20px;margin-left:-20px;}
   .content{
        margin-top:15px;
        color:#777;
        font-size:14px;
        line-height:35px;
        i.iconfont{color:#ccc;margin-right:15px;display:inline-block;line-height:34px}
        .el-icon-edit{color:#17bb89;padding-left:5px;cursor:pointer;}
        .btns-right{text-align:right}
    }
   .superOperate{position:absolute;top:0;right:0;color:#17bb89;cursor:pointer;font-size:20px;}
}
</style>