公共组件定义

作者:管理员发布时间:阅读数:73


接下来看一看sidebar,对于需要复用的功能,我们往往会将它定义成为一个公共的部分,然后在响应的地方引用即可。


{{define "sidebar"}}


<div class="mg-10 bg-white pd-5 searchs">
<div class=" input-group">
<input type=" text" class="form-control" id="keyword" name="keyword" placeholder="请输入搜索词">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="search">搜索</button>
</span>
</div>
</div>

<div class="panel bg-white pd-5">
<div class="panel-heading">置顶文章</div>
<ul class="list-group">
{{range ArticleTop 5}}
<li class="list-group-item"><a href="{{.URL}}">{{.Title}}</a></li>
{{end}}
</ul>
</div>

<div class="panel bg-white pd-5">
<div class="panel-heading">推荐文章</div>
<ul class="list-group">
{{range ArticleRecommend 5}}
<li class="list-group-item"><a href="{{.URL}}">{{.Title}}</a></li>
{{end}}
</ul>
</div>

<div class="panel bg-white pd-5">
<div class="panel-heading">最新文章</div>
<ul class="list-group">
{{range ArticleNews 5}}
<li class="list-group-item"><a href="{{.URL}}">{{.Title}}</a></li>
{{end}}
</ul>
</div>





{{end}}