今天修改之前在项目中使用的模板继承功能,主要遇到两个问题:
1、如果base中定义的模板如下:
{block name="css"}css样式{/block}
{block name="scripts"}js{/block}
</head>
<body class="pushable">
<div class="ui vertical sidebar menu right"
.......
</div>
<div class="pusher">
{block name="w-sidebar"}左边分栏{/block}
<!-- {block name="w-page"}主内容{/block} -->
<div class="w-page m-explore">
{include file="public/head" /}
{block name="body"}主内容{/block}
{include file="public/footer" /}
</div>
</div>
这里的问题是,不同的页面,上面代码中的class是不同的,但是其他模块又都相同,这时采用了一个小技巧:
传入一个变量实现变换,代码如下:
<div class=”w-page {$css}”>
2、base中定义的block实际在子页面中显示的时候会占据一定的高度,例如:
{block name="css"}css样式{/block}
在子页面中使用
{block name="css"}{/block}
表示此模块继承但不实现
Comments