detail.html

{% extends "base.html" %}
{% block script %}

{% endblock script %}
{% block content %}
<div class="container text-center ">
    <div class="card mx-auto mt-3" style="width:400px;">
        <img src="{{duorou.url}}" class="card-img-top img-thumbnail" alt="{{duorou.title}}">
        <div class="card-body">
            <h5 class="card-title">{{duorou.title}}</h5>
            <p class="card-text text-black-50">{{duorou.detail}}</p>
            <a href="javascript:history.go(-1);" class="btn btn-primary">返回</a>
        </div>
    </div>
</div>

{% endblock %}