<template>
  <div class="All_information">
  <div class="background">
    <div class="cpu_name_style">
      {{cpu_name}}
    </div>
      <div v-for="meg in information" class="information">
        {{meg.id}}
      </div>
    </div>
  </div>
</template>


<script setup lang="ts">
  import { ref } from 'vue'
 // let cpu_name = window.electron.queryCpuName()

  /*除了名字之外的所有信息*/
  let information= ref([
    {
      id:"cpu功耗",
    },
    {
      id:"cpu负载",
    },
    {
      id:"cpu温度",
    },
    {
      id:"cpu电压",
    }

  ])
</script>


<style scoped>
.cpu_name_style{
  color: #f2f2f2;
}
/*cpu展示页面设计*/
.background{
  background-color: black;
  position: fixed;
  width: 70%;
  height: 80%;
  top: 10%;
  left: 23%;
}
/*大盒子的背景颜色*/
.All_information{
  background-color: #1f1f27;
  width: 100%;
  height: 100%;
}
/*cpu展示信息的字体样式*/
.information{
  color:#f2f2f2 ;
}
</style>
