buddhism/pages/pieChart/pieChart.vue

<template>
  <view class="page">
    <circle-progress
      :canvas-size="120"
      :progress="80"
      content="学习进度"
      progress-color="#42b983"
    ></circle-progress>
  </view>
</template>

<script>
import CommonEnum from "../../enum/common";

export default {
  data() {
    return {
      CommonEnum,
    };
  },
  onLoad() {
    // 页面加载时获取数据
  },
  methods: {
    // 加载页面数据
  },
};
</script>

<style lang="scss" scoped>
.page {
  background: #ffffff;
}

.header {
  width: 100%;
  //min-height: 100vh;//可能导致页面留白
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 0 15rpx 40rpx;
}
</style>