<template>
  <div class="common-num-title">
    <span class="fz-roboto-italic-weight num">{{num}}.</span>
    <span class="title">{{title}}</span>
    <slot/>
  </div>
</template>

<script>
export default {
  name: "CommonNumTitle",
  props:{
    title:{

    },
    num:{

    }
  }
}
</script>

<style scoped lang="scss">
.common-num-title{
  margin-bottom: 10px;
  color: #fff;
  .title{
    font-size: 16px;
    vertical-align: middle;

  }
  .num{
    margin-right: 2px;
    font-size: 24px;
    vertical-align: middle;
  }
}
</style>
