47 lines
972 B
Vue
47 lines
972 B
Vue
<template>
|
|
<div class="gw-div" :class="{ 'default': correctness==0, 'cw-cp': correctness==4, 'cw-ip': correctness==3, 'cf-cp': correctness==2, 'cf-ip': correctness==1 }">
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
|
|
export default {
|
|
props: {
|
|
correctness: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
.gw-div::first-letter {
|
|
font-weight: bold;
|
|
}
|
|
.gw-div {
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
justify-content: center;
|
|
background-color: grey;
|
|
color: white;
|
|
}
|
|
.default {
|
|
background-color: red;
|
|
}
|
|
.cw-cp {
|
|
background-color: rgb(0, 122, 2);
|
|
}
|
|
.cw-ip {
|
|
background-color: rgb(1, 185, 4);
|
|
}
|
|
.cf-cp {
|
|
background-color: rgb(0, 9, 166);
|
|
}
|
|
.cf-ip {
|
|
background-color: rgb(45, 54, 225);
|
|
}
|
|
</style> |