<template>
|
<div class="progress-container w-full px-3 py-4 bg-slate-50">
|
<div class="title-container flex justify-between items-center mb-3">
|
<div class="title text-gray-600 text-base">答题进度</div>
|
<div class="title-num text-sm text-gray-500">10/30</div>
|
</div>
|
|
<div class="progress-content mb-3">
|
<el-progress :percentage="progress" :stroke-width="10" :show-text="false" />
|
</div>
|
|
<div class="exam-info text-sm text-gray-600">
|
共30题，满分100分
|
</div>
|
|
</div>
|
</template>
|
|
<script setup>
|
import {ref} from 'vue';
|
const progress = ref(10);
|
|
</script>
|
|
<style lang="scss" scoped>
|
.progress-container {
|
border-radius: 5px;
|
}
|
</style>
|
