<template>
	<view>
		<u-navbar title="本次练题结果" @rightClick="rightClick" :autoBack="true"></u-navbar>
		<view style="margin-top: 100px;" class="p14 wp100">
			<GradesChart />
			<view class="top_box flex jc-c" style="flex-direction: column;">
				<view class="wp100 text-center" style="margin-top: -153rpx;">
					<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;">
											<button style="background-color:rgb(246,211,115);height: 80rpx;border-radius: 40rpx;width: 220rpx;color:rgb(102,65,0)">开始答题</button>
					</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>
