码迷,mamicode.com
首页 > 其他好文 > 详细

Flask实战第50天:cms添加轮播图的模态对话框制作

时间:2018-08-27 23:19:52      阅读:327      评论:0      收藏:0      [点我收藏+]

标签:image   lock   轮播   table   block   end   按钮   opened   warning   

编辑cms_banners.html, 在{% block main_content%}中加上表给内容如下

技术分享图片
{% block main_content %}
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>名称</th>
                    <th>图片链接</th>
                    <th>跳转链接</th>
                    <th>优先级</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>11</td>
                    <td><a href="#" target="_blank">测试数据</a></td>
                    <td><a href="#" target="_blank">测试数据</a></td>
                    <td>测试数据</td>
                    <td>测试数据</td>
                    <td>
                        <button class="btn btn-default btn-xs edit-banner-btn">编辑</button>
                        <button class="btn btn-danger btn-xs delete-banner-btn">删除</button>
                    </td>
                </tr>
            </tbody>
        </table>
{% endblock %}
{% block main_content %}

技术分享图片

然后我们需要在表格上面添加一个"添加轮播图"按钮

{% block head %}
    <style>
        .top-box button{
            float: right;
        }

        .top-box{
            overflow: hidden;
            background: #ecedf0;
            padding: 10px;
        }
    </style>
{% endblock %}

{% block main_content %}
    <div class="top-box">
       <button class="btn btn-warning">添加轮播图</button>
    </div>
        ...
{% endblock %}

技术分享图片

.. 

 

Flask实战第50天:cms添加轮播图的模态对话框制作

标签:image   lock   轮播   table   block   end   按钮   opened   warning   

原文地址:https://www.cnblogs.com/sellsa/p/9545261.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!