<template>
  <div class="dec">
    <span class="title">{{ title }}</span>
    {{ content }}
  </div>
</template>
<script>
export default {
  name: 'Dec',
  props: ['content'],
  computed: {
    title() {
      return document.title.split('-')[0]
    }
  }
}
</script>
<style lang='scss' scoped>
.dec {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #ccc;
  background: #fff;
  padding-left: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  .title {
    font-size: 16px;
    color: rgb(64, 158, 255);
    border-left: 4px solid rgb(64, 158, 255);
    padding-left: 10px;
    margin-right: 15px;
    font-weight: 600;
  }
}
</style>
