基于vue+elementui做的答题卷

自己做的试卷

功能:可以计算分数,可以根据左侧按钮定位题目位置

<template>
	<el-row style="display: block;">
		<el-row class="backstyle" >
			<el-col span="18" style="min-height: 1px;">
				<el-container>
					<el-aside width="200px">
						<el-row style="line-height: 35px;height: 45px;margin-top: 20px;">
							<img src="../../assets/img/sj1.png" style="width:25px;height:30px;margin-left:-20px;">
							心理能力测试卷
						</el-row>
						<el-row style="line-height: 35px;height: 45px;">
							<img src="../../assets/img/sj2.png" style="width:25px;height:30px;margin-left:-20px;">
							德育能力测试卷
						</el-row>
						<el-row style="line-height: 35px;height: 45px;">
							<img src="../../assets/img/sj3.png" style="width:25px;height:30px;margin-left:-20px;">
							适应能力测试卷
						</el-row>
					</el-aside>
					<el-container>
						<el-main class="content_style" style="margin-right: 15px;">
							<el-container>
								<el-header class="other_header" style="height: 40px;line-height: 40px;text-align: center; color:#5D9CEC ;">智力能力测试卷</el-header>
								<el-main>
									<el-row>
										<el-row :class="`classabc${index+1}`" v-for="(item,index) in datalist" style="margin-bottom: 20px;">
											<el-col span="2">
												<el-button class="i_style">{
  {index+1}}</el-button>
											</el-col>
											<el-col span="21">
												<el-row style