<template>
  <div class="div_break_rule_content" >
    <van-checkbox v-model="checked" shape="square" @change="onChangeItem"></van-checkbox>
    <div style="margin-left: 15px">
      <span class="span_break_rule_title">标题</span>
      <div style="margin-top: 10px">
        <span class="text_light">张三</span>
        <span class="text_light" style="margin: 0 10px">|</span>
        <span class="text_light">2020-03-20 12:00:00</span>
      </div>
    </div>

  </div>
</template>

<script>
  export default {
    name: "breakRulesCheckItem",
    props:{
      checked:{
        type:Boolean
      },
      index:{
        type:Number
      }
    },
    methods:{
      onChangeItem(value){
        // this.$emit('onChangeItem',this.index,value);
      }
    }
  }
</script>

<style scoped>
  .div_break_rule_content{
    display: flex;
    padding: 15px;
    background-color: white;
    margin-bottom: 10px;
  }
  .span_break_rule_title{
    font-size: 15px;
    color: #333333;
  }
  .div_break_rule_name{
    display: flex;
  }
</style>
