当前位置:首页 > 日记本 > 正文内容

icms点赞模块提取

zhangchap2年前 (2022-06-13)日记本151

以下是从默认模板里提取出来的,便于移植到其他模板上使用

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>


分享给朋友:

相关文章

lxml win 安装方法

文档地址:https://lxml.de/installation.htmlwindows 下安装不了的都可以在这里找:https://www.lfd.uci.edu/~gohl...

Nginx+PHP,PHP如何优化配置?

具体修改FPM配置文件参数: 若你的php日志出现: WARNING: [pool www] seems busy (you may need to increase pm.sta...

python 发布文章 随机分类(choice)

from random import choice catid = choice([5,6]) #choice 函数从列表中随机提取...

python fake_useragent 模块用法

我们每次发送requests请求时通过random从中随机获取一个随机UserAgent,两行代码即可完成UserAgent的不停更换 from fake_useragent i...

Python 正则表达式 带分组的替换 \g

import re re.sub(r'([^a-z]*)[a-z]([^a-z]*)', '\g<1>\g<2>',wor...

减重五原则

1.主粮减半,少吃米面粥粉等;2.完全戒糖,包括可乐、奶茶等3.轻断食,每周一次,一日餐4.不限制任何动物脂肪和肉类,少吃植物油;5.保证随时喝到水,脂肪的消耗需要大量的水。...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。