} $('.ad > a').on('click', function () { if ($(this).attr('href').includes('baoliao')) { alert('請前往APP內(nèi)查看'); return false; } }) .commentTitle::after { display: none;} .commentContainer{ padding: 30px 15px; background: white; } .icon-dianzan--:before{ content: "\e677"; } .commentTitle{ font-size: 16px; text-align: left; color: #494949; line-height: 16px; border-left:2px solid #C70505; position: relative; font-weight: bold; padding-left: 5px; } .commentTitle::after{ width: 14px; height: 14px; content: ''; position: absolute; right: 0; top: 0; border-top: 2px solid #D4D4D4; border-right: 2px solid #D4D4D4; transform: rotate(45deg); } .listItem{ margin-top: 40px; padding-left:0; } .listItem li{ display: flex; justify-content: space-between; margin-bottom: 30px; position: relative; } .listItem li .msgImg{ width: 28px; height: 28px; margin-right: 12px; border-radius: 50%; } .listItem li .itemMsg{ width: calc(100% - 40px); } .listItem li .itemMsg .msgtop{ display: flex; justify-content: space-between; margin-bottom: 15px; } .listItem li .itemMsg .msgName{ font-size: 16px; font-weight: 500; text-align: left; color: #af9477; line-height: 20px; } .listItem li .itemMsg .topnum{ font-size: 14px; text-align: left; color: #a0a0a0; line-height: 20px; } .listItem li .itemMsg .msgTitle{ font-size: 16px; text-align: left; font-weight: bold; color: #3f3f3f; line-height: 20px; } .listItem li .itemMsg .replyBtn{ font-size: 14px; font-weight: bold; color: #3f3f3f; line-height: 20px; } .listItem li .itemMsg .itemReply{ background: #f0f0f0; line-height: 20px; font-size: 14px; padding: 10px; /*margin-bottom: 15px;*/ position: relative; } .listItem li .itemMsg .itemReply:last-of-type { border-radius: 0 0 6px 6px !important; } .listItem li .itemMsg .itemReply:first-of-type { border-radius: 6px 6px 0 0 !important; } .replyone{ font-size: 14px; font-weight: bolder; text-align: left; color: #000000; line-height: 20px; } .replytwo{ font-size: 14px; text-align: left; color: #000000; line-height: 20px; } .listItem li .itemMsg .msgTime{ color: #A0A0A0; font-size: 14px; line-height: 20px; } .jsdkPop{ position: absolute; width: 100px; height: 30px; border: 1px solid black; border-radius: 4px; background: black; top:0px; display: none; justify-content: space-around; } .jsdkPop.active{ display: flex; } .jsdkPop span{ font-size: 12px; line-height: 30px; color: white; } .jsdkPop:before { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-top-color: black; left: 50%; margin-left: -4px; bottom: -8px; } .jsdkPop:after { border-top-color: black; bottom: -7px; } .itemReply .jsdkPop{ top: -32px; } .itemReply .replyBox{ display: inline-block; word-break: break-all; } .itemReply .replyBox span{ min-width: 30px; height: 24px; font-size: 14px; font-weight: bold; } .itemReply .replyBox .replyText{ font-size: 12px; font-weight: normal; } .itemReply .replyBox .contentText{ font-size: 14px; font-weight: normal; } .icon-dianzan--.danger { color: rgb(200, 5, 5); } [v-cloak] { display: none;} .commentType { height: 24px; font-size: 13px; display: flex; align-items: center; justify-content: center; border-radius: 24px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 80px; background: #B7271B; color: #ffffff; margin-left: -15px; margin-top: 19px; line-height: normal;} .null-comment { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 16px; color: #9D9D9D;} .null-comment img { width: 100px;} .commentContainer p { margin-bottom: 15px;} .praise { display: none;} 評論 熱評論 [[item.passport.nickname]] [[item.support_count]] 回復(fù) 復(fù)制 舉報 [[item.content]] [[item.ip_location_area]]?· [[setTime(item.create_time)]]?· 回復(fù) 回復(fù) 復(fù)制 舉報 [[elm.passport.nickname]]?回復(fù)?[[elm.reply_obj.nickname]]:[[elm.content]] 新評論 [[item.passport.nickname]] [[item.support_count]] 回復(fù) 復(fù)制 舉報 [[item.content]] [[item.ip_location_area]]?· [[setTime(item.create_time)]]?· 回復(fù) 回復(fù) 復(fù)制 舉報 [[elm.passport.nickname]]?回復(fù)?[[elm.reply_obj.nickname]]:[[elm.content]] 暫無新評論，速搶沙發(fā) function bigNumToStr(num) { return num > 999 ? '999+' : num; } var userMemberId = "" || '0'; new Vue({ el: '#commentContainer', delimiters: ['[[', ']]'], data() { return { commentNewList: [], commentNewListDisplay: false, commentHotList: [] } }, mounted() { let ts = this window.vue_commentThis = this; $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //scrollTop() 方法返回或設(shè)置匹配元素的滾動條的垂直位置 var scrollHeight = $(document).height(); //整個文檔的高度 var windowHeight = $(this).height(); //當(dāng)前可見區(qū)域的大小 if(scrollTop + windowHeight >= scrollHeight - 30 && !$("body").hasClass("scrollBottom")){ $("body").addClass("scrollBottom") console.log('加載評論') ts.getComment(); } }) }, methods: { getComment() { var _this = this; var base_url = "http://app.shaoxing.com.cn"; var appid = "1"; var contentid = "2994215"; var site_id = "10001"; var settings = { "url": base_url+"/comment/listComment?contentid="+contentid+"&appid="+appid+"&site_id="+site_id+"&memberid="+userMemberId, "method": "GET", "timeout": 0 }; $.ajax(settings).done(function (response) { var list = response || {}; _this.commentNewList = list.data.news && list.data.news.data || []; _this.commentNewListDisplay = list.data.news && list.data.news.is_display || false; _this.commentHotList = list.data.hots || []; $('.bottom-comment-bar .btns a:eq(0) i').text(bigNumToStr(list.data.cmt_sum) || 0) }) } } }) var activeCommentObj = {}; var userLoginObj = {}; var base_url = "http://app.shaoxing.com.cn"; var appid = 1; var contentid = "2994215"; var site_id = "10001"; var imgerrorfun=function(obj,type){ //var img=event.srcElement; if(type=='1'){ obj.src='http://res.shaoxing.com.cn/assets/templates/wap/1/images/default.png'; }else{ obj.src='http://res.shaoxing.com.cn/assets/templates/wap/1/images/default.png'; } obj.onerror=null; }; function popShow(obj,num) { if (!/mediacloudclient/i.test(navigator.userAgent)) { return ; } $('.jsdkPop').removeClass('active'); if(num==1){ console.log($(obj).find('.jsdkPop')) // $(obj).find('.jsdkPop').addClass('active') $(obj).find('.jsdkPop').addClass('active') }else{ $(obj).siblings('.jsdkPop').addClass('active') } return false } // 點(diǎn)贊 評論 回復(fù) 舉報 function jdkReply(num, replyid, nickname, user_id, content, index){ var $this = $(event.target); var isAppClient = /mediacloudclient/i.test(navigator.userAgent); if(num==1){ if (!isAppClient) { if (systemComment.needDogin && !userLoginObj.memberid) { // 需要登錄 $('.loginDialog').show(); return; } activeCommentObj = { replyid: replyid, nickname: nickname, user_id: user_id } $('.bottom-comment-bar .active .replyTo span').text(activeCommentObj.nickname); $('.bottom-comment-bar .active .replyTo').show(); $('.bottom-comment-bar .active').addClass('show'); $('.bottom-comment-bar .active textarea').focus(); return; } // 回復(fù) mc.cmstopReply(replyid, nickname, user_id) }else if(num==2){ if (!isAppClient) { return; } // 復(fù)制 // var content = event.target.attributes['data-id'].nodeValue mc.cmstopCopy(content) }else if(num==3){ if (!isAppClient) { return; } // 舉報 mc.cmstopReport(replyid) }else if(num==4){ if (!isAppClient) { if ($this.hasClass('danger')) { return; } var param = { comment_id: replyid }; $.post('/index/comment/support', param, function(data) { if(data.state) { $this.addClass('danger'); $this.parent('.topnum').find('span').text(Number($this.parent('.topnum').find('span').text() || 0) + 1); }else{ alert(data.error||'點(diǎn)贊失敗') } },'json'); return; } // 點(diǎn)贊 mc.cmstopDigg(replyid, index) } } // 全部評論 function allReply() { if (!/mediacloudclient/i.test(navigator.userAgent)) { return ; } mc.cmstopComment() } // 時間轉(zhuǎn)換 function setTime(t) { var time = new Date() var nowTime = t * 1000 var cTime = time.getTime() - nowTime // 時間 if ((cTime/1000/60/60/24) > 1) { var timing = new Date(nowTime) var year = timing.getFullYear() + '' var month = timing.getMonth() + 1 + '' var day = timing.getDate() + '' var h = timing.getHours() var m = timing.getMinutes() h = h > 9 ? ('' + h) : ('0' + h) m = m > 9 ? ('' + m) : ('0' + m) return year + '-' + month + '-' + day + ' ' + h + ':' + m } else if ((cTime/1000/60/60/24) < 1 && (cTime/1000/60) > 60) { // 幾小時前 return Math.ceil(cTime/(60*1000*60))+"小時前"; } else { // 分鐘 return Math.ceil(cTime/(60*1000))+"分鐘前"; } } // 點(diǎn)贊 function changeDanger (index) { if ($($('.listItem').children()[index]).find('.icon-dianzan--').hasClass('danger')) { return } else { $($('.listItem').children()[index]).find('.icon-dianzan--').siblings("span")[0].innerText = (parseInt($($('.listItem').children()[index]).find('.icon-dianzan--').siblings("span")[0].innerText) + 1) + '' $($('.listItem').children()[index]).find('.icon-dianzan--').addClass('danger') } } // 初始化渲染點(diǎn)贊 function initDigger (index) { $($('.listItem').children()[index]).find('.icon-dianzan--').addClass('danger') } $(document).click(function (e) { if($(e.target).hasClass('itemReply')||$(e.target).hasClass('msgTitle')||$(e.target).hasClass('contentText')||$(e.target).hasClass('replyText')){ }else{ $('.jsdkPop').removeClass('active') } }) /*評論*/ var list={}; userMemberId = "" || '0'; // 獲取用戶信息 getUserInfo(); //getComment(); function getUserInfo () { if (mc) { mc.userGetInfo(function (userInfo) { if (userInfo.data) { userMemberId = userInfo.data.id } getComment(); }); } } function getComment() { var settings = { "url": base_url+"/comment/listComment?contentid="+contentid+"&appid="+appid+"&site_id="+site_id+"&memberid="+userMemberId, "method": "GET", "timeout": 0 }; $.ajax(settings).done(function (response) { list = response $('.listItem').empty(); var str=''; list.data.comments && $.each(list.data.comments,function (index,item) { str+='