<!--
 * @Author: your name
 * @Date: 2021-11-29 15:21:54
 * @LastEditTime: 2021-11-29 15:53:33
 * @LastEditors: Please set LastEditors
 * @Description: 报警阈值设置 - 标题
 * @FilePath: \hyyfClient\src\views\Alarm\alarm-set\SetTitle.vue
-->
<template>
  <div class="set-title">
    <div class="label"></div>
    <span>{{ title }}</span>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      required: true,
    },
  },
};
</script>
<style scoped>
.set-title {
  background: url("~assets/images/alarm/u5665.svg") no-repeat;
  background-size: 100% 100%;
  height: 50px;
  color: #fff;
  font-size: 20px;
  line-height: 48px;
  padding-left: 30px;
  position: relative;
}
.label {
  display: inline-block;
  background: url("~assets/images/alarm/label.svg") no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 11px);
}
.set-title > span {
  margin-left: 25px;
}
</style>
