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

<template>
  <div class="panel statisBottom">
    <ul>
      <li style="">
        <div>
          <p><span class="num text-blue">1564.26</span></p>
          <p class="mb-10">(kW)</p>
          
          
        </div>
        <p  class="timeEle">日用电量</p>
      </li>
      <li>
        <div>
          <p><span class="num text-yellow">156445.89</span></p>
          <p class="mb-10">(kW)</p>
          
        </div>
        <p class="timeEle">月用电量</p>
      </li>
      <li>
        <div>
          <p><span class="num text-orange">4521564.63</span></p>
           <p class="mb-10">(kW)</p>
        </div>
        <p class="timeEle">年用电量</p>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "statisTop",
  components: {},
  methods: {
    // Site_details(){
    //   this.$router.push({ path: '/Site_details'});//, query: { title: title }
    // }
  },
};
</script>

<style>
</style>