zoukankan      html  css  js  c++  java
  • 制作首页的显示列表

    1. 在首页添加显示问答的列表,并定义好相应的样式。

    无序列表

    <ul >

      <li>Coffee</li>

      <li>Tea</li>

      <li>Milk</li>

    </ul>

    {% block body %}
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-1 column">
                </div>
                <div class="col-md-6 column">
                    <ul>
                        <li>
                            <div class="row clearfix">
                                <div class="col-md-4 column">
                                    <img alt="140x140" src="v3/default3.jpg"/>
                                </div>
                                <div class="col-md-8 column">
                                    <div class="row clearfix">
                                        <div class="col-md-12 column">广商证明周荣获智障大赛一等奖
                                        </div>
                                    </div>
                                    <div class="row clearfix">
                                        <div class="col-md-12 column">日前,智障大赛在广州商学院盛大举行,信息学院证明周同学在比赛中脱颖而出,荣获一等奖
                                        </div>
                                    </div>
                                    <div class="row clearfix">
                                        <div class="col-md-12 column">
                                            <span class="label label-default">2017-11-29</span>
                                            <span class="label label-default">学院办公室</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4 column">
                </div>
                <div class="col-md-1 column">
                </div>
            </div>
        </div>
    {% endblock %}

    2. 用字典向index.html传递参数。

    @app.route('/')
    def index():
        context={
            'user':'xiaoliang',
            'title':'adafafaf',
            'time':'2017-11-29',
            'detail':'aaggsaighsghaslighsilg',
        }
        return render_template('lx3.html',**context)
  • 相关阅读:
    RabbitMQ详解(二)——
    Redis6详解(二)——常用命令
    MybatisPlus(二)——
    数据结构与算法(五)——树
    数据结构与算法(四)——队列
    数据结构与算法(三)——栈
    MybatisPlus(一)——
    Docker详解(一)——
    kafka详解(一)——
    FIle类操作
  • 原文地址:https://www.cnblogs.com/951111ldj/p/7922436.html
Copyright © 2011-2022 走看看