<template>
  <div style="font-size: 14px;margin: 8px 0;">
    <!-- 如果传入了title属性，则显示属性的值；否则使用标题二字作为title-->
    <p style="margin-right: 8px; display: inline-block; color: rgba(0, 0, 0, 0.85); font-weight: 500">
      <template v-if="title">{{ title }}</template>
      <slot v-else name="title">标题</slot>
    </p>
    <!-- 如果content的值不为空，则显示具体的内容，否则显示无-->
    <template v-if="content != null">{{ content }}</template>
    <slot v-else name="content">
      <span class="text-muted">无</span>
    </slot>
  </div>
</template>
<style scoped>
p {
  margin-bottom: 0;
}
</style>
<script>
export default {
  //用户接受父组件绑定的属性值
  props: ['title', 'content']
}
</script>
