反对反对反对法发

<template>

    <div>

        <div class="title">2023春季学期《web应用前端开发》测试</div>

        <div style="font-weight: 900;">考生{{ name }}({{ num }})</div>

        <div class="score">

            <div style="font-weight: 900;">单选题</div>

            <div>得分:    总分:{{ sum }}</div>

        </div>

        <div style="border:2px solid #56CA95">

            <div v-for="item in list " :key=item.id>

                {{ item.id }} {{ item.title }}

                <div style="text-align: right;">{{ item.score }}分</div>

                <div v-for="item2 in item.items " :key=item2>

                    <input type="radio" name="item.title"> {{ item2.itemcode }} {{ item2.itemtitle }}

                </div>

            </div>

        </div>

    </div>

</template>

<script >

import axios from 'axios'

export default {

    data() {

        return {

            name:'',

            num:'',

            list: [],

            sum:0

        }

    },

    methods: {

    },

    mounted() {

         this.name =localStorage.getItem('name')

         this.num =localStorage.getItem('num')

        axios.get('http://172.23.252.37:8080/exam/list').then(res => {

            this.list = res.data.data

            this.list.forEach((item)=>{

                this.sum+=item.score

            })

        })

 

    }

}

</script>

<style scoped>

.score {

    display: flex;

    justify-content: space-between;

}

.title {

    font-size: 24px;

    font-weight: 900;

    padding: 16px;

    text-align: center;

}

</style>