icms点赞模块提取
以下是从默认模板里提取出来的,便于移植到其他模板上使用
css:
.btn-group-sm > .btn,.btn-sm{padding:5px 10px;font-size:16px;line-height:1.5;border-radius:3px} .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c} .btn{display:inline-block;padding:8px 16px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:4px} .btn-group-sm > .btn,.btn-sm{font-size:12px;line-height:1.5} .btn-success{color:#fff} .btn{font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;cursor:pointer} .btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a} .btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none} .btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439} .btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
模板头部调用:
<!--{if $iCMS.CONST.iCMS_RELEASE=='Beta'}--> <script src="<!--{$site.urls.public}-->/js/iCMS.js"></script> <!--{else}--> <script src="<!--{$site.urls.public}-->/js/iCMS.min.js"></script> <!--{/if}--> <script> iCMS.init({ URL: "<!--{$site.url}-->", API: "<!--{iCMS:router url='api'}-->", UHOME: "<!--{iCMS:router url='uid:home'}-->", PUBLIC: "<!--{$site.urls.public}-->", COOKIE: '<!--{$iCMS.COOKIE_PRE}-->', COMMENT:{ seccode: "<!--{$iCMS.CONFIG.comment.seccode}-->" }, DIALOG: { title: '<!--{$site.name}--> 提示信息' }, }); </script>
点赞模板html:
<div class="APP-like pic_center" data-param='<!--{$article.param|json_encode}-->'> <div i="vote:article:good" class="btn btn-success btn-sm" title="不错!点个赞"> <i class="fa fa-thumbs-up"></i> <span i="vote_good_num" class="like-num"><!--{$article.good}--></span> </div> <div i="vote:article:bad" class="btn btn-danger btn-sm" title="太烂了!踩一下"> <i class="fa fa-thumbs-down"></i> <span i="vote_bad_num" class="like-num"><!--{$article.bad}--></span> </div> </div>