1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>{% block title %}{% endblock %}</title> 6 <style> 7 .nav{ 8 background: #DAD435; 9 height: 65px; 10 } 11 ul{ 12 overflow: hidden; 13 } 14 ul li{ 15 float: left; 16 list-style: none; 17 padding: 0 10px; 18 line-height: 65px; 19 } 20 ul li a{ 21 color: #ffffff; 22 } 23 </style> 24 {% block head %}{% endblock %} <!--用于加载不同样式--> 25 </head> 26 <body> 27 <div class="nav"> 28 <ul> 29 <li><a href="#">首页</a> </li> 30 <li><a href="#">发布问答</a> </li> 31 <li><a href="#">注册</a> </li> 32 <li><a href="{{ url_for('login') }}">登录</a> </li> 33 <li><a href="{{ url_for('search')}}">搜索</a> </li> 34 </ul> 35 </div> 36 {% block main %}{% endblock %} 37 38 </body> 39 </html>
1 {% extends 'base.html' %} <!-- 继承父类--> 2 {% block title %} 3 首页-产品口碑 4 {% endblock %} 5 6 {% block head %} 7 <link rel="stylesheet" href="{{ url_for('static',filename = 'css/index.css') }}" 8 {% endblock %} 9 10 {% block main %} 11 <p>这是首页</p> 12 <img src="{{ url_for('static', filename='images/xiaoxin.png') }}"> 13 14 {% endblock %}