自定义组件获取接口数据

<template>
  <div class="ting-title">
    <span class="text">
      {{ text }}
    </span>
  </div>
</template>

<script>
export default {
  name: 'TingTitle',
  data: () => {
    return {
      text: '硕士、博士学位数占专任教师的比例'
    }
  },
  created() {
    //const dataChart = this.dataChart; // 大屏编辑器暴露的属性
    //if (dataChart) {
    //  this.text = dataChart.text
    //}
  },
}
</script>
<!-- console.log(this.dataChart) -->
<style scoped>
.ting-title {
  width: 842px;
  height: 42px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  background: linear-gradient( 90deg, #037BA4 0%, rgba(6,133,183,0.41) 20%, rgba(16,158,190,0) 100%);
  border-radius: 0px 0px 0px 0px;
}
.ting-title .text {
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  font-weight: 600;
  font-size: 28px;
  color: #E9FCFF;
  text-shadow: 0px 0px 12px #00DCFF;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
</style>