PC_FiveFollowing/src/views/home/components/statisBottom.vue

<template>
  <div class="panel statisBottom">
    <ul>
      <li style="">
        <div>
          <p><span class="num text-blue">{{fhtAnalogData.dayCount}}</span></p>
          <p class="mb-10">(kW)</p>
        </div>
        <p  class="timeEle">日用电量</p>
      </li>
      <li>
        <div>
          <p><span class="num text-yellow">{{fhtAnalogData.monthCount}}</span></p>
          <p class="mb-10">(kW)</p>
          
        </div>
        <p class="timeEle">月用电量</p>
      </li>
      <li>
        <div>
          <p><span class="num text-orange">{{fhtAnalogData.yearCount}}</span></p>
           <p class="mb-10">(kW)</p>
        </div>
        <p class="timeEle">年用电量</p>
      </li>
    </ul>
    <div class="panel-footer"></div>
  </div>
</template>
<script>
export default {
   props: ["fhtAnalogData"],
  name: "statisTop",
  components: {},
  methods: {
    
  },
};
</script>

<style>
</style>