61 lines
2.1 KiB
HTML
Executable File
61 lines
2.1 KiB
HTML
Executable File
{# base模板 #}
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" lang="zh_CN">
|
||
<title>{% block title %}{% endblock %}</title>
|
||
<!--link rel="stylesheet" href="/static/css/style.css"-->
|
||
{# 建立一个url，来源于static文件夹的，文件名字为css文件夹下的style.css #}
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
||
</head>
|
||
<body>
|
||
<div style="width: 100%; background-color: rgb(122, 91, 246);">
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<div class="url">
|
||
<a href="/study" class="url">home</a>
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<div class="url">
|
||
<!--a href="/study/about" class="url">about</a-->
|
||
<a href="{{ url_for('study.about')}}" class="url">about</a>
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<div style="margin: -5px 0 0 10px;" class="url" x-data="{ open: false }">
|
||
<div class="url" @click="open = true">子功能</div>
|
||
<div x-show="open" @click.away="open = false">
|
||
<div>
|
||
<a href="/study/posts/new" class="url">新建文章</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
{% for message in get_flashed_messages() %}
|
||
<div>{{ message }}</div>
|
||
{% endfor %}
|
||
|
||
{% block content %} {% endblock %}
|
||
</body>
|
||
</html>
|
||
|
||
<style>
|
||
body {
|
||
margin: 0 0 0 0;
|
||
background-color: rgb(157, 209, 255);
|
||
}
|
||
|
||
.url {
|
||
height: 40px;
|
||
margin: 10px 0 0 10px;
|
||
color: rgb(0, 0, 0);
|
||
text-decoration: none;
|
||
}
|
||
</style>
|
||
|
||
<script src="{{ url_for('static', filename='js/alpine.js') }}">vue_global</script> |