<template>
  <div class="notice-bar">
    <div class="inner">
      <div class="bar-content">
        <p class="label">
          <span>{{ componentData.titleName }}</span
          ><span>**</span>
        </p>
        <p class="content">{{ componentData.title }}</p>
      </div>
    </div>
  </div>
</template>

<script>
/**
 * @author: 过飞
 * @createData: 2020年09月15日 10:40:40
 * @version：v1.0
 *
 * @desc: 功能描述
 */
export default {
  name: '',

  components: {},

  mixins: [],

  props: {
    componentData: {
      type: Object,
      default: () => ({})
    }
  },

  data() {
    return {}
  },

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  methods: {}
}
</script>
<style lang="scss" scoped>
.notice-bar {
  .inner {
    padding: 10px;
    .bar-content {
      display: flex;
      & > p {
        margin: 0;
      }
      .label {
        margin-right: 10px;
      }
      .content {
        flex: 1;
      }
    }
  }
}
</style>
