首页 > 技术知识 > 调用标签 XIYCMS内容管理系统

如何给内容页加入点赞功能

作者:admin 更新:2020-04-02 10:11:35 来源:XIYCMS 人气:71

1.html部分代码:

首先要确保引入了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请自行处理


你觉得这篇文章怎么样?

10 4



评论

发表

栏目分类

调用标签推荐文章

调用标签热门文章