jeecms 评论相关

html

WEB-INF-t-cms-www-gyxrmyy-content

  news.html  内容详情页

  inc_comment_input.html  评论输入框

  inc_comment_list.html  评论列表

WEB-INF-t-cms-www-gyxrmyy-csi

  comment_list.html  查看评论的回复

WEB-INF-t-cms-www-gyxrmyy-special

  comment_input.html  评论的回复中的评论

[#if channel.commentControl!=2]
    [#include "inc_comment_input.html"/]
    [#include "inc_comment_list.html"/]
[/#if]

css

r-cms-www-default-css

  index.css

r-cms-jqueryUI

  jquery.ui.css

/*评论开始*/
.comments{margin-top:80px;}
.comments h1{color:#1f1f1f; font-size:24px; font-weight:normal; position:relative;}
.comments h1 span{color:#1f1f1f; font-size:14px; display:inline-block; position:absolute; right:0; bottom:0;}
.comments h1 span .count{color:#ef3838;}
.comments .comments-text{margin-top:20px; border:1px solid #cbcbcb; width:100%; height:130px; box-sizing:border-box; padding:10px;}
.down{height:32px; line-height:32px; float:right;}
.down .userImg{width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; margin-right:17px; float:left;}
.down span{color:#666666; font-size:15px;}
.down span a{color:#00a2ff;}
.down .submit-on{float:right; width:80px; height:32px; background-color:#ffb3b3; color:#fff; font-size:14px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:text;}
.down .submit-out{background-color:#ef3838; float:right; width:80px; height:32px; color:#fff; font-size:14px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;}

.plfr1{margin-top:10px;}
.plcode{border:1px solid #cbcbcb; width:150px; height:32px; box-sizing:border-box; padding:10px;}
.plfr1 img{height:40px; margin-left:10px;}
.plfr1 label{color:#f00; font-size:12px; margin-left:4px;}

.comments-list{margin-top:60px;}
.comments-list h1{color:#1f1f1f; font-size:16px; font-weight:normal; border-bottom:2px solid #f0f0f0; line-height:30px; height:30px; margin-bottom:10px; }
.comments-list h1 span{display:inline-block; line-height:30px; border-bottom:2px solid #ef3838;}
.comments-item{padding-top:10px; border-bottom:1px dotted #c7c7c7;}
.comments-item .tx{float:left; height:100%; margin-right:10px;}
.comments-item .tx img{width:50px; height:50px; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;}
.comments-item .rig{padding-left:60px;}
.comments-item .rig .rig-top{padding-top:10px;}

.rig .rig-top a{color:#00a2ff; font-size:12px; margin-right:10px;}
.rig .rig-top em{color:#ccc; font-size:12px;}
.rig .rig-txt{color:#1f1f1f; font-size:14px; line-height:18px; margin-top:10px;}
.rig .rig-bottom{margin:10px 0; color:#ccc; font-size:12px;}
.rig .rig-bottom a{color:#ccc; font-size:12px; margin-right:20px; padding-left:18px; position:relative; cursor:pointer; line-height:12px; display:inline-block;}
.rig .rig-bottom .comments-zan:before{content:""; position:absolute; left:0; bottom:0; width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -274px no-repeat;}
.rig .rig-bottom .comments-hf:before{content:""; position:absolute; left:0; bottom:0; width:12px; height:12px; background:url(../images/content_tubiao.png) -13px -254px no-repeat;}
.rig .rig-bottom .reply-on{color:#00a2ff;}
.rig .rig-bottom a:hover{color:#00a2ff;}
.rig .reply{display:none; height:auto; padding:5px; margin-top:10px; border:1px solid #cbcbcb; overflow:hidden; margin-bottom:10px;}
.rig .reply .reply-text{ height:100px; width:100%; font-size:12px; outline:none; resize:none; border-bottom:1px solid #f0f0f0; margin-bottom:5px;}
.rig .reply .reply-btn{float:right; padding:3px 16px; background-color:#00a2ff; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; color:#fff; font-size:14px; margin-right:5px; outline:none;}
.rig .reply .reply-btn:hover{background-color:#21aeff;}

.open-more{margin-top:40px; text-align:center;display: none;}
.open-more a{padding:5px 20px; border:1px solid #c7c7c7; font-size:12px; color:#333; display:inline-block;}
.open-more a:hover{border:1px solid #ef3838; color:#333;}
.comments-child{border-top:1px dotted #c7c7c7; border-bottom:none;}
/*评论结束*/

js

r-cms

  jquery.js

  front.js

r-cms-jqueryUI

  jquery-ui.js

<script src="${resSys}/jquery.js" type="text/javascript"></script>
<script src="${resSys}/jqueryUI/jquery-ui.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script type="text/javascript">
        $(function() {
            Cms.checkPerm("${base}","${content.id}");
            Cms.collectCsi("${base}","collectCsiDiv","collect_csi","${content.id}");
            Cms.attachment("${base}","${content.id}","${content.attachments?size}","attach");
            Cms.viewCount("${base}","${content.id}");
            Cms.siteFlow("${base}", location.href, document.referrer,"${site.config.flowSwitch?string}");
        });
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function($){
            $(‘.content-comment‘).click(function(){
                $(‘html,body‘).animate({scrollTop:$(‘#comments-text‘).offset().top}, 1000)
                $(‘#comments-text‘).focus();
            });
        });

        $(function(){
            //设置一个定时器,为BUTTON点击事件用
            var timer=null;
            var number1=0;

            //文本输入时改变
            $(‘#comments-text‘).keyup(function(){
                if(!$(this).val()==‘‘){
                    $(‘.submit-on‘).attr("class", "submit-out");
                }else{
                    $(".submit-out").attr("class", "submit-on");
                }
            });

            //处理输入的内容是文字还是字母的函数
            function getLength(str){
                return String(str).replace(/[^\x00-\xff]/g,‘aa‘).length;
            };

        });
    </script>

images

r-cms-www

  no_picture.gif

时间: 2024-10-10 15:10:54

jeecms 评论相关的相关文章

获取评论相关的字段值一段php代码

public function getEvaluateGoodsListInfoForPage($condition, $page = null, $count = 0, $order = 'geval_id desc', $field = '*') {  $list = $this->field($field)->where($condition)->page($page, $count)->order($order)->select();   /* $model = Mo

WordPress添加评论回复的电子邮件警报通知

评论回复帖子,主动发送电子邮件通知评论员,这是提高的一大举措的用户体验.倡导孟一直在使用Willin Kan主评论回复电子邮件警报通知码,我相信很多人也使用,假设你没有使用.最好的尝试. 根据自己的需要,选择一个代码,根据自己的需要,新增的主题 functions.php 或者 pluggable.php(推荐) 文件的 最后一个 ?> 前面就可以: 方法一:全部回复都发送邮件通知 默认全部填写了邮箱的评论都将发邮件提醒评论人,没有不论什么勾选设置. /* comment_mail_notify

解读(五):分析KeyboardFragment, 带文字和表情的评论发表面板

解读(五):分析KeyboardFragment, 带文字和表情的评论发表面板 其实就是这个常见的功能 这个功能涉及到很多类, 我一个一个分析 KeyboardFragment类 /** * 底部带emotion面板的文字和表情的评论功能的Fragment **/ public class KeyboardFragment extends BaseTabNavFragment { @Bind(R.id.et_input) EditText mInput; //输入框 @Bind(R.id.emo

Python 获取网易云音乐热门评论

--> html { line-height: 1.6 } body { font-family: -apple-system-font, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; background-color: #f3f3f3; line-height: inherit } body.ric

WordPress添加评论回复邮件提醒通知功能

评论回复后,自动发一封邮件提醒评论人,是提高用户体验的一大举措.倡萌一直都在使用Willin Kan大师的评论回复邮件提醒通知代码,相信很多人也在使用,如果你还没有使用,不妨试试. 根据自己的需要,选择一种自己需要的代码,添加在主题的 functions.php 或者 pluggable.php(推荐) 文件的 最后一个 ?> 前面即可: 方法一:所有回复都发送邮件通知 默认所有填写了邮箱的评论都将发邮件提醒评论人,没有任何勾选设置. /* comment_mail_notify v1.0 by

小程序评论区动态刷新

还是前两天的小程序,用户的个人主页需要有评论区,发布评论之后需要把评论写到数据库,同时动态更新评论区. 评论的数据库设计如下: POST请求将评论发送给后台 ownerID获得不太难,之前进入主页的时候已经把用户名给传进来了,那么commenterID要怎么获得呢? 可以在app.js里面定义全局数组,当用户成功登录后,把从数据库查询相关信息存储来记录用户的相关信息,需要的时候调取即可. //app.jsApp({ ...... user:{ userID:-1, userName:""

BBS第四天之文章详情,点赞点踩,根子评论,后台展示,文章添加(富文本编辑器)

一.文章详情 路由url.py: url(r'^(?P<username>\w+)/article/(?P<pk>\d+)$', views.article_detail), 点击个人站点文章title即可关联到文章详情路由找到其视图函数 views.py: def article_detail(request,username,pk): user = models.UserInfo.objects.filter(username=username).first() if not

Python爬一爬网易云音乐

结果 对过程没有兴趣的童鞋直接看这里啦. 评论数大于五万的歌曲排行榜 首先恭喜一下我最喜欢的歌手(之一)周杰伦的<晴天>成为网易云音乐第一首评论数过百万的歌曲! 通过结果发现目前评论数过十万的歌曲正好十首,通过这前十首发现: 薛之谦现在真的很火啦~ 几乎都是男歌手啊,男歌手貌似更受欢迎?(别打我),男歌手中周杰伦.薛之谦.许嵩(这三位我都比较喜欢)几乎占了榜单半壁江山... <Fade>电音强势来袭,很带感哈(搭配炫迈写代码完全停不下来..) 根据结果做了网易云音乐歌单 : 评论数

html实现钝角效果;html实现限制一行字数的显示,超出的部分用省略号(....)来代替

前端实现div框边角的钝化虽然简单,但是有时候突然想不到,特此写下几句实现方法,以便记忆. 实现div框四个角都钝角的操作:设置 div : border-radius=10px; 实现div框一个角的钝角效果 :设置div :border-top-left-radius=10px; border-top-right-radius=10px; border-bottom-left-radius=10px; border-bottom-right-radius=10px; html实现限制一行字数