68 lines
3.7 KiB
HTML
68 lines
3.7 KiB
HTML
{% extends 'base.html' %}
|
|
{% load static %}
|
|
{% block tittle %}回答历史{% endblock tittle %}
|
|
{% block body %}
|
|
<section class="spotlight parallax bg-cover bg-size--cover" data-spotlight="fullscreen" style="background-image: url('{% static 'images/backgrounds/img-1.jpg' %}')">
|
|
<span class="mask bg-primary alpha-7"></span>
|
|
<div class="spotlight-holder py-lg pt-lg-xl" style="height: auto;">
|
|
<div class="container no-padding">
|
|
<div class="col">
|
|
<div class="row cols-xs-space align-items-center text-center text-md-left justify-content-center">
|
|
<div class="col-8 card">
|
|
<div class="card-body">
|
|
<div class="card-header">
|
|
<h4>题目</h4>
|
|
<p>{{ question.question_text }}</p>
|
|
</div>
|
|
<div class="custom-control custom-radio mb-3">
|
|
<input type="radio" name="A" class="custom-control-input {% if choice.choice == 'A' and choice.choice == question.answer %}is-valid{% elif choice.choice == 'A' %}is-invalid{% endif %}" id="A" {% if choice.choice == 'A' %}checked{% endif %}>
|
|
<label class="custom-control-label" for="A">A.{{ question.choice_a }}</label>
|
|
</div>
|
|
<div class="custom-control custom-radio mb-3">
|
|
<input type="radio" name="B" class="custom-control-input {% if choice.choice == 'B' and choice.choice == question.answer %}is-valid{% elif choice.choice == 'B' %}is-invalid{% endif %}" id="B" {% if choice.choice == 'B' %}checked{% endif %}>
|
|
<label class="custom-control-label" for="B">B.{{ question.choice_b }}</label>
|
|
</div>
|
|
<div class="custom-control custom-radio mb-3">
|
|
<input type="radio" name="C" class="custom-control-input {% if choice.choice == 'C' and choice.choice == question.answer %}is-valid{% elif choice.choice == 'C' %}is-invalid{% endif %}" id="C" {% if choice.choice == 'C' %}checked{% endif %}>
|
|
<label class="custom-control-label" for="C">C.{{ question.choice_c }}</label>
|
|
</div>
|
|
<div class="custom-control custom-radio mb-3">
|
|
<input type="radio" name="D" class="custom-control-input {% if choice.choice == 'D' and choice.choice == question.answer %}is-valid{% elif choice.choice == 'D' %}is-invalid{% endif %}" id="D" {% if choice.choice == 'D' %}checked{% endif %}>
|
|
<label class="custom-control-label" for="D">D.{{ question.choice_d }}</label>
|
|
</div>
|
|
<h1 style="color:{% if choice.choice == question.answer %}green{% else %}red{% endif %}">
|
|
你的选择：{{ choice.choice }}
|
|
</h1>
|
|
<h1>答案：{{ question.answer }}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h1>题目</h1>
|
|
<p>{{ question.question_text }}</p>
|
|
<p>A.{{ question.choice_a }}</p>
|
|
<p>B.{{ question.choice_b }}</p>
|
|
<p>C.{{ question.choice_c }}</p>
|
|
<p>D.{{ question.choice_d }}</p>
|
|
<h1 style="color:{% if choice.choice == question.answer %}green{% else %}red{% endif %}">
|
|
你的选择：{{ choice.choice }}
|
|
</h1>
|
|
<h1>答案：{{ question.answer }}</h1>
|
|
{% endblock body %}
|
|
|
|
{% block script %}
|
|
{% endblock script %} |