• 系统版本：5.0
• 网站结构：前台界面 » 区块组件 
• 内容模型：顶踩

顶踩功能不论是在视频模块还是文章模块都非常适用，故对默认模板的文章模块顶踩功能提出来以此说明。此功能依懒于系统 Javascript 库，调用方法为 xzcmsupdown.click()，如您在开发模板中需要使用该功能，则按以下流程操作。

第一步：详情页插入HTML代码，UI界面由CSS控制

<a class="btn btn-default btn-lg xz-updown-set" href="javascript:;" data-id="{$news_id}" data-module="news" data-type="up" data-toggle="tooltip" data-placement="top" title="支持"><span class="glyphicon glyphicon-thumbs-up"></span> 顶 (<span class="xz-updown-val">{$news_up}</span>)</a>
<a class="btn btn-default btn-lg xz-updown-set" href="javascript:;" data-id="{$news_id}" data-module="news" data-type="down" data-toggle="tooltip" data-placement="top" title="反对"><span class="glyphicon glyphicon-thumbs-up"></span> 踩 (<span class="xz-updown-val">{$news_down}</span>)</a>

第二步：引入系统Javascript库，并调用该事件监听方法

<script type="text/javascript" src="{$public_path}js/system.js?{%xzcms_version}"></script>
<script>xzcms.updown.click();</script>

第三步：根据需要决定是否需要修改CSS样式，默认的为

/*顶踩样式*/
.xz-updown{padding:0;margin:0;}
.xz-updown-set {color:#333;}
.xz-updown-set .glyphicon {color:#090;}
.xz-updown-val {color:#666;}