heyday / silverstripe-composeparser
为 SilverStripe 的模板引擎添加新的语法
0.1.1
2014-06-22 21:39 UTC
This package is auto-updated.
Last update: 2024-08-29 03:35:35 UTC
README
允许使用类似 HTML 的语法进行模板包含,并为可重用模板提供新的组合功能。
安装(使用 composer)
composer require heyday/silverstripe-composeparser
示例
可重用按钮
button.ss
<% if $href %> <a class="btn<% if $type %> btn-$type<% end_if %><% if $size %> btn-$size<% end_if %> $classes" href="$href"><% composed %></a> <% else %> <button class="btn<% if $type %> btn-$type<% end_if %><% if $size %> btn-$size<% end_if %> $classes"><% composed %></button> <% end_if %>
在模板中使用按钮
<:button type="default">A regular button</:button> <:button type="default" href="http://heyday.co.nz">A link to heyday</:button>
生成的 HTML
<button class="btn btn-default">A regular button</button> <a class="btn btn-default" href="http://heyday.co.nz/">A link to heyday</a>
可重用导航
nav.ss
<ul class="nav <% if $classes %> $classes<% end_if %>"><% composed %></ul>
navitem.ss
<li class="nav-item<% if $FirstLast %> nav-$FirstLast<% end_if %><% if $classes %> $classes<% end_if %>"> <% if $Composed %> <% composed %> <% else %> <:navlink href=$href /> <% end_if %> </li>
navlink.ss
<a href="$href" class="$LinkingMode"><% if $Composed %><% composed %><% else %>$MenuTitle<% end_if %></a>
使用导航
Simple usage: <:nav> <% loop $SomeSet %> <:navitem href=$Link /> <% end_loop %> </:nav> Customised usage: <:nav> <% loop $SomeSet %> <:navitem> <% if $SomeCondition %><span class="i-special-icon"></span><% end_if %> <navlink href=$Link/> </:navitem> <% end_loop %> </:nav>