think-twig icon indicating copy to clipboard operation
think-twig copied to clipboard

内部继承无法使用相对路径

Open tint opened this issue 2 years ago • 0 comments

内部继承无法使用相对路径

在 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 %}

然后浏览器访问提示

image

如果在首页模板中将继承 {% extends '../base.twig' %} 修改成 {% extends 'base.twig' %} 才可以

希望尽快支持模板内相对引用,IDE 才能够友好的提示。

tint avatar Apr 30 '22 03:04 tint