feat:创建新分支

charles

2024-04-29 b95cf940af8e01e4eca30b2599b029c2f645bd1e

 src/views/dashboard/components/KnowledgeInfo.vue

@@ -1,11 +1,11 @@
<template>
  <div class="knowledge-info">
    <div class="text-item" style="left: 20px; top: 80px">误报警</div>
    <div class="text-item" style="left: 0px; top: 190px">管路整动</div>
    <div class="text-item" style="left: 215px; top: 250px">冷却油度高</div>
    <div class="text-item" style="left: 160px; top: 20px">清洁度超差</div>
    <div class="text-item" style="left: 30px; top: 280px">清洁度超差</div>
    <div class="text-item" style="left: 265px; top: 120px">保护器报警</div>
    <div class="text-item text-item1">误报警</div>
    <div class="text-item text-item2">管路整动</div>
    <div class="text-item text-item3">冷却油度高</div>
    <div class="text-item text-item4">清洁度超差</div>
    <div class="text-item text-item5">清洁度超差</div>
    <div class="text-item text-item6">保护器报警</div>
    <img src="~@/assets/images/voice.png" />
  </div>
</template>
@@ -14,19 +14,42 @@
<style scoped lang="scss">
$status-ready: #024fdce8;
.knowledge-info {
  height: calc(100% - 100px - 32px);
  width: 400px;
  max-width: 430px;
  min-height: 330px;
  height: 100%;
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
  margin-top: 30px;
  // margin-top: 10px;
  position: relative;
  .text-item1 {
    left: 20px;
    top: 80px;
  }
  .text-item2 {
    left: 0px;
    top: 190px;
  }
  .text-item3 {
    left: 215px;
    top: 250px;
  }
  .text-item4 {
    left: 160px;
    top: 20px;
  }
  .text-item5 {
    left: 30px;
    top: 280px;
  }
  .text-item6 {
    left: 240px;
    top: 150px;
  }
  img {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 100px;
    left: 120px;
    top: 80px;
    left: 110px;
  }
  .text-item {
    color: #e9e7e7;