提交

src/pages/questionBank/practiceResult.vue

@@ -0,0 +1,71 @@
+<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>