使用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>
由于代码篇幅过长,有需要的小伙伴们可以在下方链接下载!