You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
2.1 KiB
57 lines
2.1 KiB
{% extends 'index.html' %}
|
|
{% load static %}
|
|
{% block content %}
|
|
<div class="container-fluid pt-4 px-4">
|
|
<div class="row g-4">
|
|
<div class="col-sm-12 col-xl-6">
|
|
<div class="bg-secondary text-center rounded p-4">
|
|
<div class="d-flex align-items-center justify-content-between mb-4">
|
|
<h6 class="mb-0">第一张图片</h6>
|
|
|
|
</div>
|
|
<img src="{% static 'img/multi1.png' %}" style="width: 80%">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-xl-6">
|
|
<div class="bg-secondary text-center rounded p-4">
|
|
<div class="d-flex align-items-center justify-content-between mb-4">
|
|
<h6 class="mb-0">第二张图片</h6>
|
|
</div>
|
|
<img src="{% static 'img/multi2.png' %}" style="width: 80%;">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-xl-6" style="width: 100%">
|
|
<div class="bg-secondary text-center rounded p-4">
|
|
<div class="d-flex align-items-center justify-content-center mb-4">
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
<button type="submit" class="btn btn-outline-primary m-2" style="width: 100%">
|
|
点击开始进行乘法运算
|
|
</button>
|
|
</form>
|
|
</div>
|
|
{% if result %}
|
|
<img src="data:image/jpg;base64,{{ result }}" class="border border-info" style="width: 50%">
|
|
{% else %}
|
|
<div style="width: 100%;height: 188px;display: flex;align-content: center;align-items: center;justify-items: center;justify-content: center">
|
|
<div>暂时还未有输出图片</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
{% block js %}
|
|
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
|
|
|