mzBigScreen/src/components/people.vue

<template>
  <div class="p99">
    <!-- <span class="title">多系统使用次数{{moreSystem}}次</span> -->
    <!-- <span class="title">PC端{{pcSystem}}次</span>
    <span class="title">小程序端{{xiaochengxuSystem}}次</span>
    <span class="title">微信端{{weixinSystem}}次</span> -->
  </div>
</template>
<script>
import { total } from '../api'
export default {
  name: "chart",
  props: {
    dataArr: {
      type: Array,
      default: () => {
        return [];
      }
    }
  },
  data() {
    return {
      moreSystem: 1,
      pcSystem: 1,
      xiaochengxuSystem: 1,
      weixinSystem: 1,

    };
  },
  mounted() {
    // this.timer = setInterval(() => {
    //   this.setNowTimes();
    // }, 1000);
    this.total();


  },
  methods: {
    async total() {
      console.log("pppppppppppppppp");
      const result = await total();
      this.pcSystem = result[0]['PC端']
      this.xiaochengxuSystem = result[0]['小程序端']
      this.weixinSystem = result[0]['微信端']
    },

  },
  computed: {}
};
</script>
<style scoped>
.p99 {
  top: 1.4%;
  right:2.5%;
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  font-family: STHeitiSC;
  font-weight: 300;
  color: rgba(10, 182, 255, 1);
}

.title {
  margin-right: 10px;
}
</style>