<!--实时检查数据-->
<template>
  <div class="check-data">
    <secondary-title :title="title" longBg>
      <template>
        <div class="right-tip">
          注释：表头为“污染物名称[污染物标准值]”
        </div>
      </template>
    </secondary-title>
  </div>
</template>

<script>
export default {
  name: "CheckData",
  data() {
    return {
      title: '实时检查数据'
    }
  }
}
</script>

<style scoped lang="less">
@import "assets/styles/mixin";

.check-data {
  margin-top: 43px;
  height: 984px;
  width: 100%;
  background-image: linear-gradient(62deg, rgba(8, 31, 55, 0.10) 0%, rgba(18, 50, 81, 0.10) 100%);
  border: 1px solid transparent; /* 先将边框颜色设置为透明 */
  border-image: linear-gradient(rgba(79, 182, 238, 0), rgba(39, 127, 216, 1)); /* 使用线性渐变作为边框图片 */
  border-image-slice: 1; /* 指定切分边框图像的位置 */

  .right-tip {
    height: 100%;
    font-family: MicrosoftYaHei;
    font-size: 29.97px;
    color: #6AC4FF;
    letter-spacing: 1.97px;
    text-align: right;
    font-weight: 400;
    padding-right: 10px;
    .flex-row;
  }
}
</style>
