首先要确保引入了xiycms.js文件 ,及定义了webroot\infoid 这两个js参数（标题代码里有）
然后，在内容模板里的合适位置引入下方代码：


  
你觉得这篇文章怎么样？
  
    
    {$zannum}
  
    
    {$cainum}

2.CSS部分代码：

.xiycms-zan { margin-top: 30px; text-align: center; }
.xiycms-zan p { font-weight: bold; }
.xiycms-zan a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.xiycms-zan a i { font-size: 18px; margin-right: 10px; }
.xiycms-zan a em { font-style: normal; font-size: 18px; }
.xiycms-zan a:hover { background:#108dee; border-color: 108dee; color: #fff; }
.xiycms-zan a:hover i { color: #fff; }

字体图标的css请自行处理

评论

发表