think-twig
think-twig copied to clipboard
内部继承无法使用相对路径
内部继承无法使用相对路径
在 view 目录下定义基础模板 view/base.twig
<!doctype html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{% block title %}{% endblock %}</title>
{% block meta %}{% endblock %}
{% block styles %}{% endblock %}
</head>
<body>
{% block body %}{% endblock %}
{% block scripts %}{% endblock %}
</body>
</html>
然后在 view 目录下定义首页模板 view/index/index.twig
{% extends '../base.twig' %}
{% block styles %}
<style>
*{ padding: 0; margin: 0; }
div{ padding: 4px 48px;}
a{color:#2E5CD5;cursor: pointer;text-decoration: none}
a:hover{text-decoration:underline; }
body{ background: #fff; font-family: "Century Gothic","Microsoft yahei"; color: #333;font-size:18px;}
h1{ font-size: 100px; font-weight: normal; margin-bottom: 12px; }
p{ line-height: 1.6em; font-size: 42px }
</style>
{% endblock %}
{% block body %}
<div style="padding: 24px 48px;">
<h1>:) </h1>
<p> ThinkPHP V' . \think\facade\App::version() . '<br/><span style="font-size:30px;">14载初心不改 - 你值得信赖的PHP框架</span></p>
<span style="font-size:25px;">[ V6.0 版本由 <a href="https://www.yisu.com/" target="yisu">亿速云</a> 独家赞助发布 ]</span>
</div>
<think id="ee9b1aa918103c4fc"></think>
{% endblock %}
{% block scripts %}
<script type="text/javascript" src="https://tajs.qq.com/stats?sId=64890268" charset="UTF-8"></script>
<script type="text/javascript" src="https://e.topthink.com/Public/static/client.js"></script>
{% endblock %}
然后浏览器访问提示

如果在首页模板中将继承 {% extends '../base.twig' %}
修改成 {% extends 'base.twig' %}
才可以
希望尽快支持模板内相对引用,IDE 才能够友好的提示。