buddhism/pages/pieChart/pieChart.vue

44 lines
685 B
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>