uniapp实现在线答题

使用uniapp实现简单答题模板

功能描述：

实现移动端在线答题（本文章仅实现前端静态答题）

效果图

1、首页

2、答题页面

3、答题卡

首页代码：

<template>
	<view>
		<view v-for="(data, index) in dataList" :key="data.id">
			<examList :ksmsg="data"></examList>
		</view>
	</view>
</template>

<script>
	import examList from '@/components/custom/exam_list.vue'
	export default {
		components:{
			examList
		},
		data() {
			return {
				dataList: [
					{
						id: 1,
						title: '测试卷一专项答题',
						date: '2022/04/04',
					},
					{
						id: 2,
						title: '测试卷二专项答题',
						date: '2022/04/03',
					},
					{
						id: 3,
						title: '测试卷三专项答题',
						date: '2022/04/01',
					},
					{
						id: 4,
						title: '测试卷四专项答题',
						date: '2022/03/30',
					}
				]
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	
</style>

由于代码篇幅过长，有需要的小伙伴们可以在下方链接下载！

代码地址：

https://download.csdn.net/download/Shiny_boy_/85093245