You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
jwl-applet/src/pages/questionBank/practiceResult.vue

73 lines
2.0 KiB

2 years ago
<template>
<view>
2 years ago
<!-- <u-navbar title="本次练题结果" @rightClick="rightClick" :autoBack="true"></u-navbar>-->
2 years ago
<j-navbar backPath="/pages/index/index">本次练题结果</j-navbar>
2 years ago
<view class="p14 wp100">
2 years ago
<GradesChart />
<view class="top_box flex jc-c" style="flex-direction: column;">
2 years ago
<view class="wp100 text-center" >
2 years ago
<text>太棒了正确率很高了</text>
<view class="flex ai-c jc-c mt10">
<view class="text-center wp50">
<view>1/3</view>
<text>本次错题</text>
</view>
<view class="text-center wp50 flex jc-c ai-c" style="flex-direction: column;">
<u-icon name="file-text" size="28"></u-icon>
<text>继续做题</text>
</view>
</view>
</view>
</view>
</view>
<view class="p14">
<view class="bc-fff p14" style="border-radius: 20rpx;">
<view class="flex ai-c jc-sb">
<view>
<text class="fs18 cor-000 fw600">累计练题</text>
<text class="fs14 cor-666 ml10">33</text>
</view>
<text class="fs14 cor-666">未做题2311题</text>
</view>
<view class="mt10">
<u-line-progress :percentage="20" activeColor="#05C341" height="16"></u-line-progress>
</view>
<view class="p14 mt10 flex ai-c jc-sb" style="border-radius: 20rpx;background-color: rgb(253,249,238);">
<view>
<text class="fs16 cor-666">题目太多试试</text>
<text class="fs16 cor-000 fw600">精简500题</text>
</view>
<view style="width: 220rpx;">
2 years ago
<button style="background-color:rgb(246,211,115);height: 80rpx;border-radius: 40rpx;width: 220rpx;color:rgb(102,65,0)">开始答题</button>
2 years ago
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import GradesChart from "./components/GradesChart.vue"
export default {
components: {
GradesChart
},
data() {
return {
}
},
methods: {
}
}
</script>
<style scoped>
.top_box {
padding: 15px;
background-color: #fdfdfd;
border-radius: 20rpx;
}
</style>