| 1 |
- {"version":3,"sources":["webpack:///./src/views/forum/forumAnswerItem.vue","webpack:///./src/components/forum/forum-reply2.vue","webpack:///src/components/forum/forum-reply2.vue","webpack:///./src/components/forum/forum-reply2.vue?6636","webpack:///./src/components/forum/forum-reply2.vue?19cf","webpack:///src/views/forum/forumAnswerItem.vue","webpack:///./src/views/forum/forumAnswerItem.vue?5c9b","webpack:///./src/views/forum/forumAnswerItem.vue?2f29","webpack:///./src/components/forum/forum-reply2.vue?0da1","webpack:///./src/views/forum/forumAnswerItem.vue?c9ee"],"names":["render","_vm","this","_c","_self","staticClass","ref","attrs","require","on","$event","$router","back","_v","stopPropagation","toQuestionDetail","apply","arguments","_s","info","title","infoList","reply_id","forum_id","commentsOption","toTop","staticRenderFns","_l","list","item","index","refInFor","headimg","name","forumTags","is_like","like_num","showShare","popup_type","staticStyle","style","height","showAll","id","domProps","content","create_at","total_count","class","active","params","sort_type","checkSort","commentPostShow","fixedListHeight","scrollTop","$refs","commentList","finished","length","getCommentList","model","value","loading","callback","$$v","expression","item2","index2","directives","rawName","type","key","is_top","likeComment","showMoreFn","parent_comment","is_deleted","goParent","_e","lookAll","toReport","userInfo","currentIndex","user_id","delComment","showMore","showWeChatShare","showOpenLogin","HideLogin","option","postApi","postReplyApi","commentAppendToList","components","TextHideByLine","TextHide","NormalBox","ForumPostComments","ForumAllComments","IsLogin","CommentPost","props","headerHeight","default","data","page","page_num","watch","handler","setTimeout","deep","mounted","methods","ForumService","heightChangeEvent","contentResizeObserver","like_id","Toast","tags","updateLikeStatus","parseInt","initShare","link","imgUrl","desc","shareOption","success","share","copy","comment","console","getContainer","message","delCommentApi","then","component","ForumReply","SharePopup","CommentsPopup","ToTop","computed","listApi","likeApi","reportType","delApi","window","getUserInfo","UserCenterService","localStorage","getReplyInfo","getInfo"],"mappings":"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hE,OACA3B,uBACAD,0BACA,+BACA,4CACA,8BAMA,OALAO,yCACA,0CACAA,8BACAA,0CAEA,KAEA,cACAqB,wEACA,oBACA,eAEA,aAEAA,cAKAE,sBACA,4BAGA,wBACA,wBAEA+D,8BAAA,WAEA,yCAEA,iCACA,eACAtE,eACAhB,oBAEA,+BAEAuF,cAGAlF,sBAAA,WACA,iBAIAgF,kBAAAG,eAAA,8BAAAZ,SACAa,kBACA,2BACA,2BACA,OACAzF,EACA,WACAA,qCAVA,uBAgBA6C,0BAAA,WACA,qBAIA,uBACA,4DAAA+B,SACAa,kBACA,6BACA,uBACAxF,QACAyF,sBATA,uBAaAC,+BACA,0BACA,yBACA,2BACA,UACA3F,EACA,WACA4F,wCAKAC,qBACA,gBACA,gBACA,EACA,sFACA,GACAC,OACAvG,cACAwG,SACAC,KACA1G,8DAGA,0CACA2G,OAEAC,wBAGA,wCACAD,OAEAC,yBAGAC,iBACA,kBACA,gBACA,iBACA,wBACA,qBACA,CACA,oBACAC,kBACAX,4BAGA,OACA/F,eAEA2F,8CAGA7D,4BACA,qBAIA,SACA6E,MAAAvF,MACA,8BACA,iBAAArB,wBAAA,MAEA6G,6BAAA7G,wBAAA,WARA,uBAUAuE,gCACA,kCACA,+CAEA,8DACA,wBAEAlB,uBACA,oBACA,kBACA,2BAEAM,oBACA,qBAGA,OAFA,uBACA,uBAGA,MACA,2BACA,oCACA,aACA,uDAEAI,sBAAA,WACA,uBACA+C,oBACAC,QACA,iDACA,iBACA,wBACA,SACAC,6CACAC,kBAAA,YACAjB,kBACA,eACA,qCAEA,yDACAA,kBACA,0BCjnBqW,I,wBCQjWkB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,gmBC4BA,OACf1C,YAAA2C,aAAAC,kBAAAC,qBAAAC,cACAC,UAEArH,0BAAA,WACA,OAEAsH,oBAAA,OACA5B,kCACAhE,OACA3B,uBAGAwH,oBAAA,OACA7B,kBACAG,qBAGA1B,oBAAA,OACAuB,2BACAhE,OACA3B,uBAGAqE,2BAAA,OACAsB,iCACAhE,OACAP,YAEAqG,cAEAV,0BAAA,OACApB,mBAAAvE,QAAA4B,UAEA0E,mBAAA,0BAAAtG,QAAA4B,aAIAkC,gBACA,OACAlF,WACAJ,QACAG,WACA4B,QACA3B,WACAmF,OACAC,YAEAzB,YACA7D,cAGA2F,mBACA,wBAEA,sCACA,sCACA,oBACA,mBACA,iBACA,gBAGAC,SACAxF,iBACAyH,sBAGAC,uBAAA,WACAC,uCAAA,aACA,oBACAC,2DACAA,oEAGAC,wBAAA,WACApC,qBAAAvE,mBAAA,+BACA,0BAIA4G,mBAAA,WACA,4BAAA5G,mBAAA,MACA,yBACA8D,sDACA,oBAIA1F,4BACA,wECzIwW,ICQpW,G,UAAY,eACd,EACAf,EACA0B,GACA,EACA,KACA,WACA,OAIa,e,6CCnBf,W,yDCAA","file":"js/chunk-3a3481a6.8704899d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{ref:\"header-wrap\",staticClass:\"header-wrap\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"return-img\",attrs:{\"src\":require(\"@/assets/return.png\"),\"alt\":\"\"},on:{\"click\":function($event){return _vm.$router.back()}}}),_c('span',{staticClass:\"info-title\"},[_vm._v(\"回答详情\")])])]),_c('div',{staticClass:\"question-title\",on:{\"click\":function($event){$event.stopPropagation();return _vm.toQuestionDetail.apply(null, arguments)}}},[_vm._v(\"\\n \"+_vm._s(_vm.info.title)+\"\\n \")]),_c('div',{ref:\"basePage\",staticClass:\"basePage\"},[_c('forum-reply',{ref:\"forum-reply\",attrs:{\"isShow\":true,\"list\":_vm.infoList,\"headerHeight\":0,\"reply_id\":_vm.reply_id,\"forum_id\":_vm.forum_id,\"option\":_vm.commentsOption}})],1),_c('to-top',{attrs:{\"display-height\":\"0\",\"bottom\":100,\"toTop\":_vm.toTop}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"list-wrap\"},[_c('ul',{staticClass:\"list\"},[_vm._l((_vm.list),function(item,index){return [_c('li',{ref:`comment_${index}`,refInFor:true},[_c('div',{staticClass:\"item-top-box\"},[_c('div',{staticClass:\"item-top-box-left\"},[(item.headimg)?_c('img',{attrs:{\"src\":item.headimg}}):_c('img',{attrs:{\"src\":require(\"../../assets/avatar.png\")}}),_vm._v(\"\\n \"+_vm._s(item.name || \"匿名用户\")+\"\\n \")]),_c('div',{staticClass:\"item-top-box-right\"},[_c('button',{staticClass:\"hand-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.forumTags(item)}}},[(item.is_like === 1)?_c('img',{attrs:{\"src\":require(\"../../assets/icon-125active.png\")}}):_c('img',{attrs:{\"src\":require(\"../../assets/icon-125.png\")}}),_vm._v(\"\\n \"+_vm._s(item.like_num)+\"\\n \")]),_c('button',{staticClass:\"more-btn\",attrs:{\"type\":\"button\"},on:{\"click\":() => {\n _vm.showShare = true;\n _vm.popup_type = '';\n }}},[_c('img',{attrs:{\"src\":require(\"../../assets/icon-10.png\")}})])])]),_c('div',{staticStyle:{\"overflow\":\"hidden\"},style:({\n height: item.showAll,\n })},[_c('div',{ref:`content_${item.id}`,refInFor:true,staticClass:\"item-msg content\",domProps:{\"innerHTML\":_vm._s(item.content)}})]),_c('p',{staticClass:\"item-time\"},[_vm._v(\"发布于\"+_vm._s(item.create_at))]),_c('div',{staticClass:\"comment-module\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\",\"margin-bottom\":\"10px\"}},[_c('p',{staticClass:\"comment-label\"},[_vm._v(\"评论 \"+_vm._s(_vm.total_count || 0))]),_c('div',{staticClass:\"comment-between-head-sidebar\"},[_c('ul',{staticClass:\"comment-between-head-nav-list\"},[_c('li',{class:{ active: _vm.params.sort_type === 1 },on:{\"click\":function($event){return _vm.checkSort(1)}}},[_vm._v(\"\\n 最新\\n \")]),_c('li',{class:{ active: _vm.params.sort_type === 2 },on:{\"click\":function($event){return _vm.checkSort(2)}}},[_vm._v(\"\\n 最热\\n \")])])])]),_c('div',{staticClass:\"comment-box comment-box1\",on:{\"click\":function($event){return _vm.commentPostShow()}}},[_c('input',{staticClass:\"comment-input\",attrs:{\"placeholder\":\"发表一下你的意见吧\",\"disabled\":\"\"}}),_c('div',{staticClass:\"item-top-box-right\"},[_c('button',{staticClass:\"hand-btn\",staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"align-items\":\"center\"},attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.forumTags(item)}}},[(item.is_like === 1)?_c('img',{staticStyle:{\"margin-right\":\"0\"},attrs:{\"src\":require(\"../../assets/icon-125active.png\")}}):_c('img',{staticStyle:{\"margin-right\":\"0\"},attrs:{\"src\":require(\"../../assets/icon-125.png\")}}),(item.is_like === 1)?_c('span',{staticStyle:{\"color\":\"#2a63f3\"}},[_vm._v(_vm._s(item.like_num))]):_c('span',[_vm._v(_vm._s(item.like_num))])])])]),_c('ul',{ref:\"commentList\",refInFor:true,staticClass:\"comment-list\",class:{ 'comment-list-fixed-height': _vm.fixedListHeight },on:{\"scroll\":function($event){_vm.scrollTop = _vm.$refs.commentList.scrollTop}}},[_c('van-list',{staticStyle:{\"width\":\"100%\"},attrs:{\"offset\":0,\"finished\":_vm.finished,\"immediate-check\":false,\"finished-text\":_vm.commentList.length > 0 ? '没有更多数据' : ''},on:{\"load\":_vm.getCommentList},model:{value:(_vm.loading),callback:function ($$v) {_vm.loading=$$v},expression:\"loading\"}},[_vm._l((_vm.commentList),function(item2,index2){return _c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.type != 'forum' || index <= 1),expression:\"type != 'forum' || index <= 1\"}],key:`${index}_${index2}`,ref:`comment_${item.id}`,refInFor:true},[_c('img',{staticClass:\"comment-avatar\",attrs:{\"src\":item2.headimg || require('@/assets/avatar.png'),\"alt\":\"\"}}),_c('div',{staticClass:\"comment-item-sidebar\"},[_c('div',{staticClass:\"comment-item-top-between\"},[_c('text-hide',{staticClass:\"comment-item-top-name\",attrs:{\"val\":item2.name || '匿名用户',\"max-size\":10,\"hide-btn\":true}}),_c('div',{staticClass:\"comment-item-top-sidebar\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(item2.is_top),expression:\"item2.is_top\"}],staticClass:\"top-btn\"},[_vm._v(\"置顶\")]),_c('button',{staticClass:\"comment-item-top-btn1\",class:{ active: item2.is_like === 1 },attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.likeComment(item2, index2)}}},[(item2.is_like === 1)?_c('img',{attrs:{\"src\":require(\"@/assets/icon-125active.png\"),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/icon-125.png\"),\"alt\":\"\"}}),_vm._v(\"\\n \"+_vm._s(item2.like_num || 0)+\"\\n \")]),_c('button',{staticClass:\"comment-item-top-btn2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.showMoreFn(index2)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-126.png\"),\"alt\":\"\"}})])])],1),_c('div',{staticClass:\"comment-item-content\"},[_c('text-hide-by-line',{attrs:{\"val\":item2.content}})],1),_c('div',{staticClass:\"comment-item-reply-wrap\"},[_c('button',{staticClass:\"reply-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.commentPostShow(item2)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-120.png\"),\"alt\":\"\"}}),_vm._v(\"\\n 回复\\n \")]),_c('span',{staticClass:\"comment-item-reply-time\"},[_vm._v(_vm._s(item2.create_at))])]),(item2.parent_comment && item2.parent_comment.id > 0)?_c('div',{staticClass:\"comment-item-reply-box\"},[_c('p',{staticClass:\"comment-item-reply-content\"},[_c('text-hide-by-line',{attrs:{\"val\":item2.parent_comment.is_deleted\n ? '评论被删除'\n : item2.parent_comment.content,\"bg-color\":\"#F3F3F3\"}},[_vm._v(\"\\n @\"),_c('text-hide',{attrs:{\"val\":item2.parent_comment.name || '匿名用户',\"max-size\":10,\"hide-btn\":true}}),_vm._v(\"：\\n \")],1)],1),(!item2.parent_comment.is_deleted)?_c('div',{staticClass:\"comment-item-reply-box-bottom\"},[_c('button',{staticClass:\"reply-box-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.commentPostShow(item2.parent_comment)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-120.png\"),\"alt\":\"\"}}),_vm._v(\"\\n 回复\\n \")]),(_vm.fixedListHeight)?_c('button',{staticClass:\"reply-box-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.goParent(item2.parent_comment.id)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-121.png\"),\"alt\":\"\"}}),_vm._v(\"\\n 跳转\\n \")]):_vm._e(),_c('span',{staticClass:\"comment-item-reply-time2\"},[_vm._v(_vm._s(item2.parent_comment.create_at))])]):_c('div',{staticClass:\"comment-item-reply-box-bottom\"},[_c('span',{staticClass:\"comment-item-reply-time2\"},[_vm._v(_vm._s(item2.parent_comment.create_at))])])]):_vm._e()])])}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.type == 'forum' && _vm.list.length > 2),expression:\"type == 'forum' && list.length > 2\"}],staticClass:\"lookAll\",on:{\"click\":function($event){$event.stopPropagation();return _vm.lookAll.apply(null, arguments)}}},[_vm._v(\"\\n 查看全部评论 \"),_c('img',{attrs:{\"src\":require(\"@/assets/back-icon.png\"),\"alt\":\"\"}})])],2)],1),_c('normal-box',{staticStyle:{\"padding\":\"15px 0 20px\"},attrs:{\"show\":_vm.commentList.length === 0,\"hide-img\":false,\"text\":\"暂无评论\"}})],1)])]})],2),_c('normal-box',{attrs:{\"show\":_vm.list.length === 0,\"text\":\"暂无回答\"}}),_c('van-popup',{attrs:{\"round\":\"\",\"position\":\"bottom\"},model:{value:(_vm.showShare),callback:function ($$v) {_vm.showShare=$$v},expression:\"showShare\"}},[_c('div',{staticClass:\"window\"},[_c('div',{staticClass:\"window-top\"},[_c('button',{staticClass:\"window-btn del\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.toReport()}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-8.png\"),\"alt\":\"\"}}),_vm._v(\"举报\\n \")]),(\n _vm.userInfo.id &&\n ((_vm.popup_type == 'comment' &&\n _vm.currentIndex >= 0 &&\n _vm.commentList.length != 0 &&\n _vm.commentList[_vm.currentIndex].user_id === _vm.userInfo.id) ||\n (_vm.popup_type !== 'comment' && _vm.userInfo.id == _vm.list[0].user_id))\n )?_c('button',{staticClass:\"window-btn del\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.delComment()}}},[_c('img',{attrs:{\"src\":require(\"@/assets/del-icon2.png\"),\"alt\":\"\"}}),_vm._v(\"删除\\n \")]):_vm._e()]),_c('div',{staticClass:\"window-btn-box\",on:{\"click\":function($event){_vm.showMore = false}}},[_c('button',{attrs:{\"type\":\"button\"}},[_vm._v(\"取消\")])])])]),_c('van-overlay',{attrs:{\"show\":_vm.showWeChatShare,\"z-index\":\"99999\"},on:{\"click\":function($event){_vm.showWeChatShare = false}}},[_c('img',{staticStyle:{\"width\":\"90%\",\"margin-left\":\"5%\"},attrs:{\"src\":require(\"@/assets/wx-share.png\")}})]),(_vm.showOpenLogin)?_c('is-login',{on:{\"HideLogin\":_vm.HideLogin}}):_vm._e(),_c('comment-post',{ref:\"commentPost\",attrs:{\"post-api\":_vm.option.postApi,\"post-reply-api\":_vm.option.postReplyApi},on:{\"submit\":_vm.commentAppendToList}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 论坛-问题详情 -->\r\n<template>\r\n <div class=\"list-wrap\">\r\n <ul class=\"list\">\r\n <template v-for=\"(item, index) in list\">\r\n <li :ref=\"`comment_${index}`\">\r\n <div class=\"item-top-box\">\r\n <div class=\"item-top-box-left\">\r\n <img :src=\"item.headimg\" v-if=\"item.headimg\" />\r\n <img src=\"../../assets/avatar.png\" v-else />\r\n {{ item.name || \"匿名用户\" }}\r\n </div>\r\n <div class=\"item-top-box-right\">\r\n <button type=\"button\" class=\"hand-btn\" @click=\"forumTags(item)\">\r\n <img\r\n src=\"../../assets/icon-125active.png\"\r\n v-if=\"item.is_like === 1\"\r\n />\r\n <img src=\"../../assets/icon-125.png\" v-else />\r\n {{ item.like_num }}\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"more-btn\"\r\n @click=\"\r\n () => {\r\n showShare = true;\r\n popup_type = '';\r\n }\r\n \"\r\n >\r\n <img src=\"../../assets/icon-10.png\" />\r\n </button>\r\n </div>\r\n </div>\r\n <div\r\n style=\"overflow: hidden\"\r\n :style=\"{\r\n height: item.showAll,\r\n }\"\r\n >\r\n <div\r\n class=\"item-msg content\"\r\n :ref=\"`content_${item.id}`\"\r\n v-html=\"item.content\"\r\n ></div>\r\n </div>\r\n\r\n <p class=\"item-time\">发布于{{ item.create_at }}</p>\r\n <div class=\"comment-module\">\r\n <div\r\n style=\"\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 10px;\r\n \"\r\n >\r\n <p class=\"comment-label\">评论 {{ total_count || 0 }}</p>\r\n <div class=\"comment-between-head-sidebar\">\r\n <ul class=\"comment-between-head-nav-list\">\r\n <li\r\n :class=\"{ active: params.sort_type === 1 }\"\r\n @click=\"checkSort(1)\"\r\n >\r\n 最新\r\n </li>\r\n <li\r\n :class=\"{ active: params.sort_type === 2 }\"\r\n @click=\"checkSort(2)\"\r\n >\r\n 最热\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"comment-box comment-box1\" @click=\"commentPostShow()\">\r\n <input\r\n placeholder=\"发表一下你的意见吧\"\r\n class=\"comment-input\"\r\n disabled\r\n />\r\n <div class=\"item-top-box-right\">\r\n <button\r\n type=\"button\"\r\n class=\"hand-btn\"\r\n @click.stop=\"forumTags(item)\"\r\n style=\"\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n \"\r\n >\r\n <img\r\n src=\"../../assets/icon-125active.png\"\r\n v-if=\"item.is_like === 1\"\r\n style=\"margin-right: 0\"\r\n />\r\n <img\r\n src=\"../../assets/icon-125.png\"\r\n v-else\r\n style=\"margin-right: 0\"\r\n />\r\n <span v-if=\"item.is_like === 1\" style=\"color: #2a63f3\">{{\r\n item.like_num\r\n }}</span>\r\n <span v-else>{{ item.like_num }}</span>\r\n </button>\r\n </div>\r\n </div>\r\n <ul\r\n class=\"comment-list\"\r\n :class=\"{ 'comment-list-fixed-height': fixedListHeight }\"\r\n ref=\"commentList\"\r\n @scroll=\"scrollTop = $refs.commentList.scrollTop\"\r\n >\r\n <van-list\r\n style=\"width: 100%\"\r\n :offset=\"0\"\r\n v-model=\"loading\"\r\n :finished=\"finished\"\r\n :immediate-check=\"false\"\r\n :finished-text=\"commentList.length > 0 ? '没有更多数据' : ''\"\r\n @load=\"getCommentList\"\r\n >\r\n <li\r\n :ref=\"`comment_${item.id}`\"\r\n v-for=\"(item2, index2) in commentList\"\r\n :key=\"`${index}_${index2}`\"\r\n v-show=\"type != 'forum' || index <= 1\"\r\n >\r\n <img\r\n :src=\"item2.headimg || require('@/assets/avatar.png')\"\r\n class=\"comment-avatar\"\r\n alt=\"\"\r\n />\r\n <div class=\"comment-item-sidebar\">\r\n <div class=\"comment-item-top-between\">\r\n <text-hide\r\n class=\"comment-item-top-name\"\r\n :val=\"item2.name || '匿名用户'\"\r\n :max-size=\"10\"\r\n :hide-btn=\"true\"\r\n />\r\n <div class=\"comment-item-top-sidebar\">\r\n <span class=\"top-btn\" v-show=\"item2.is_top\">置顶</span>\r\n <button\r\n type=\"button\"\r\n class=\"comment-item-top-btn1\"\r\n :class=\"{ active: item2.is_like === 1 }\"\r\n @click.stop=\"likeComment(item2, index2)\"\r\n >\r\n <img\r\n src=\"@/assets/icon-125active.png\"\r\n alt=\"\"\r\n v-if=\"item2.is_like === 1\"\r\n />\r\n <img src=\"@/assets/icon-125.png\" alt=\"\" v-else />\r\n {{ item2.like_num || 0 }}\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"comment-item-top-btn2\"\r\n @click.stop=\"showMoreFn(index2)\"\r\n >\r\n <img src=\"@/assets/icon-126.png\" alt=\"\" />\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"comment-item-content\">\r\n <text-hide-by-line :val=\"item2.content\" />\r\n </div>\r\n <div class=\"comment-item-reply-wrap\">\r\n <button\r\n type=\"button\"\r\n class=\"reply-btn\"\r\n @click.stop=\"commentPostShow(item2)\"\r\n >\r\n <img src=\"@/assets/icon-120.png\" alt=\"\" />\r\n 回复\r\n </button>\r\n <span class=\"comment-item-reply-time\">{{\r\n item2.create_at\r\n }}</span>\r\n </div>\r\n <div\r\n class=\"comment-item-reply-box\"\r\n v-if=\"item2.parent_comment && item2.parent_comment.id > 0\"\r\n >\r\n <p class=\"comment-item-reply-content\">\r\n <text-hide-by-line\r\n :val=\"\r\n item2.parent_comment.is_deleted\r\n ? '评论被删除'\r\n : item2.parent_comment.content\r\n \"\r\n bg-color=\"#F3F3F3\"\r\n >\r\n @<text-hide\r\n :val=\"item2.parent_comment.name || '匿名用户'\"\r\n :max-size=\"10\"\r\n :hide-btn=\"true\"\r\n />：\r\n </text-hide-by-line>\r\n </p>\r\n <!-- 评论删除不能点击 -->\r\n <div\r\n class=\"comment-item-reply-box-bottom\"\r\n v-if=\"!item2.parent_comment.is_deleted\"\r\n >\r\n <button\r\n type=\"button\"\r\n class=\"reply-box-btn\"\r\n @click.stop=\"commentPostShow(item2.parent_comment)\"\r\n >\r\n <img src=\"@/assets/icon-120.png\" alt=\"\" />\r\n 回复\r\n </button>\r\n <button\r\n type=\"button\"\r\n v-if=\"fixedListHeight\"\r\n class=\"reply-box-btn\"\r\n @click.stop=\"goParent(item2.parent_comment.id)\"\r\n >\r\n <img src=\"@/assets/icon-121.png\" alt=\"\" />\r\n 跳转\r\n </button>\r\n <span class=\"comment-item-reply-time2\">{{\r\n item2.parent_comment.create_at\r\n }}</span>\r\n </div>\r\n <div class=\"comment-item-reply-box-bottom\" v-else>\r\n <!-- <button type=\"button\" class=\"reply-box-btn\" >\r\n <img src=\"@/assets/icon-120.png\" alt=\"\">\r\n 回复\r\n </button>\r\n <button type=\"button\" class=\"reply-box-btn\" >\r\n <img src=\"@/assets/icon-121.png\" alt=\"\">\r\n 跳转\r\n </button> -->\r\n <span class=\"comment-item-reply-time2\">{{\r\n item2.parent_comment.create_at\r\n }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n <div\r\n v-show=\"type == 'forum' && list.length > 2\"\r\n class=\"lookAll\"\r\n @click.stop=\"lookAll\"\r\n >\r\n 查看全部评论 <img src=\"@/assets/back-icon.png\" alt=\"\" />\r\n </div>\r\n <!-- <normal-box :show=\"list.length === 0\" /> -->\r\n </van-list>\r\n </ul>\r\n <normal-box\r\n :show=\"commentList.length === 0\"\r\n :hide-img=\"false\"\r\n text=\"暂无评论\"\r\n style=\"padding: 15px 0 20px\"\r\n />\r\n </div>\r\n </li>\r\n </template>\r\n </ul>\r\n\r\n <normal-box :show=\"list.length === 0\" text=\"暂无回答\" />\r\n\r\n <!-- 分享弹窗 -->\r\n <van-popup v-model=\"showShare\" round position=\"bottom\">\r\n <div class=\"window\">\r\n <div class=\"window-top\">\r\n <button type=\"button\" class=\"window-btn del\" @click.stop=\"toReport()\">\r\n <img src=\"@/assets/icon-8.png\" alt=\"\" />举报\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"window-btn del\"\r\n @click.stop=\"delComment()\"\r\n v-if=\"\r\n userInfo.id &&\r\n ((popup_type == 'comment' &&\r\n currentIndex >= 0 &&\r\n commentList.length != 0 &&\r\n commentList[currentIndex].user_id === userInfo.id) ||\r\n (popup_type !== 'comment' && userInfo.id == list[0].user_id))\r\n \"\r\n >\r\n <img src=\"@/assets/del-icon2.png\" alt=\"\" />删除\r\n </button>\r\n </div>\r\n <div class=\"window-btn-box\" @click=\"showMore = false\">\r\n <button type=\"button\">取消</button>\r\n </div>\r\n </div>\r\n </van-popup>\r\n <!-- 提示微信分享弹窗 -->\r\n <van-overlay\r\n :show=\"showWeChatShare\"\r\n @click=\"showWeChatShare = false\"\r\n z-index=\"99999\"\r\n >\r\n <img src=\"@/assets/wx-share.png\" style=\"width: 90%; margin-left: 5%\" />\r\n </van-overlay>\r\n <is-login v-if=\"showOpenLogin\" @HideLogin=\"HideLogin\" />\r\n <comment-post\r\n ref=\"commentPost\"\r\n :post-api=\"option.postApi\"\r\n :post-reply-api=\"option.postReplyApi\"\r\n @submit=\"commentAppendToList\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport ForumAllComments from \"@/components/forum/forum-all-comments\";\r\nimport { ForumService } from \"@/common/service\";\r\nimport { Dialog, Toast } from \"vant\";\r\nimport ForumPostComments from \"@/components/forum/forum-post-comments\";\r\nimport NormalBox from \"@/components/normal-box\";\r\nimport { copy } from \"@/common/util\";\r\nimport IsLogin from \"@/components/is-login.vue\";\r\nimport TextHide from \"@/components/text-hide.vue\";\r\nimport TextHideByLine from \"@/components/text-hide-by-line.vue\";\r\nimport CommentPost from \"@/components/comment-post.vue\";\r\n\r\nexport default {\r\n components: {\r\n TextHideByLine,\r\n TextHide,\r\n NormalBox,\r\n ForumPostComments,\r\n ForumAllComments,\r\n IsLogin,\r\n CommentPost,\r\n },\r\n props: {\r\n headerHeight: {\r\n default: 0,\r\n },\r\n forum_id: {\r\n default: \"\",\r\n },\r\n reply_id: {\r\n default: \"\",\r\n },\r\n list: {\r\n default: [],\r\n },\r\n fixedListHeight: {\r\n default: false,\r\n },\r\n type: {\r\n default: \"\",\r\n },\r\n option: {\r\n default: {},\r\n },\r\n },\r\n data() {\r\n return {\r\n total_count: 0,\r\n commentList: [],\r\n showOpenLogin: false,\r\n userInfo: {},\r\n showShare: false,\r\n showWeChatShare: false,\r\n finished: false,\r\n loading: false,\r\n params: {\r\n sort_type: 1, // 排序 1 最新 2 最热\r\n page: 1, // 页数\r\n page_num: 10, // 每页数\r\n },\r\n currentIndex: -1,\r\n popup_type: \"comment\",\r\n\r\n // option: {\r\n // // 点赞API\r\n // likeApi: null,\r\n\r\n // // 评论列表【问题&&答案】\r\n // listApi: (params) =>\r\n // ForumService.getReplyCommentList({\r\n // ...params,\r\n // forum_id: this.forum_id,\r\n // }),\r\n // // 点赞\r\n // likeApi: (comment) =>\r\n // ForumService.forumTags({\r\n // like_id: comment.id,\r\n // type: 8,\r\n // }),\r\n // // 发布评论\r\n // postApi: (params, comment) =>\r\n // ForumService.commentReply({\r\n // ...params,\r\n // ...comment,\r\n // forum_id: this.forum_id,\r\n // }),\r\n // // 回复评论\r\n // postReplyApi: (params, comment) =>\r\n // ForumService.forumSecondComment({\r\n // ...params,\r\n // id: comment.id,\r\n // }),\r\n // reportType: 10,\r\n // // 删除评论\r\n // delApi: (params) => ForumService.batchesDel({ id: params.id, type: 9 }),\r\n // },\r\n };\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n // 监听高度变化\r\n setTimeout(() => this.list.forEach(this.heightChangeEvent), 200);\r\n },\r\n deep: true, // 加这个属性，深度监听\r\n },\r\n },\r\n mounted() {\r\n if (localStorage.getItem(\"user_info\")) {\r\n this.userInfo = JSON.parse(localStorage.getItem(\"user_info\"));\r\n this.$nextTick(() => {\r\n this.getCommentList();\r\n });\r\n }\r\n },\r\n methods: {\r\n HideLogin(msg) {\r\n this.showOpenLogin = msg;\r\n },\r\n getCommentList() {\r\n const params = this.params;\r\n this.loading = true;\r\n ForumService.getReplyCommentList({\r\n ...params,\r\n forum_id: this.forum_id,\r\n reply_id: this.reply_id,\r\n }).then(({ data }) => {\r\n this.total_count = data.total_num || data.total_count || 0;\r\n const list = data.list.map((item) => {\r\n item.contentShort = item.content.substring(0, 50);\r\n if (item.parent_comment && item.parent_comment.id > 0) {\r\n item.parent_comment.contentShort =\r\n item.parent_comment.content.substring(0, 50);\r\n }\r\n return item;\r\n });\r\n this.commentList =\r\n params.page === 1 ? list : [...this.commentList, ...list];\r\n if (list.length < params.page_num) {\r\n this.finished = true;\r\n } else {\r\n this.loading = false;\r\n\r\n params.page++;\r\n }\r\n });\r\n },\r\n // 列表排序方式切换\r\n checkSort(sortType) {\r\n if (this.params.sort_type === sortType) {\r\n return;\r\n }\r\n this.params.sort_type = sortType;\r\n this.getCommentList();\r\n },\r\n heightChangeEvent(item) {\r\n // 监听高度变化\r\n const content = this.$refs[`content_${item.id}`][0];\r\n // resize后的处理逻辑\r\n const contentResizeObserver = new ResizeObserver(() => {\r\n const newContentHeight = Math.max(\r\n content.scrollHeight,\r\n item.contentHeight || 0\r\n );\r\n this.$set(item, \"contentHeight\", newContentHeight);\r\n }); // 创建一个observer实例\r\n contentResizeObserver.observe(content);\r\n },\r\n // 回答点赞\r\n forumTags(item) {\r\n if (!this.userInfo.id) {\r\n this.showOpenLogin = true;\r\n return;\r\n }\r\n ForumService.forumTags({ like_id: item.id }).then(({ msg, data }) => {\r\n Toast(msg);\r\n this.$set(item, \"is_like\", data.tags);\r\n if (!/[+.wW]/.test(item.like_num)) {\r\n this.$set(\r\n item,\r\n \"like_num\",\r\n item.like_num * 1 + (data.tags === 1 ? 1 : -1) * 1\r\n );\r\n }\r\n });\r\n },\r\n // 点赞评论\r\n likeComment(item, index) {\r\n if (!this.userInfo.id) {\r\n this.showOpenLogin = true;\r\n return;\r\n }\r\n if (!this.option.likeApi) return;\r\n return this.option.likeApi(item).then(({ msg, data }) => {\r\n Toast(msg);\r\n this.updateLikeStatus(index, data.tags);\r\n this.$emit(\"likeComment\", {\r\n index,\r\n tags: data.tags,\r\n });\r\n });\r\n },\r\n updateLikeStatus(index, tags) {\r\n const item = this.commentList[index];\r\n this.$set(item, \"is_like\", tags);\r\n if (!/[+.wW]/.test(item.like_num)) {\r\n this.$set(\r\n item,\r\n \"like_num\",\r\n parseInt(item.like_num) * 1 + (tags === 1 ? 1 : -1) * 1\r\n );\r\n }\r\n },\r\n\r\n initShare() {\r\n const info = this.info;\r\n let link = location.href;\r\n const defaultImg =\r\n \"https://gaoyixia.oss-cn-hangzhou.aliyuncs.com/4992cf404fb21864/d845a45fae92400b.png\";\r\n const shareOption = {\r\n link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致\r\n title: info.title, // 分享标题\r\n imgUrl: defaultImg, // 分享图标\r\n desc:\r\n info.content.replace(/<[^<>]+>/g, \"\").replace(/ /gi, \"\") || \"\", // 分享描述\r\n };\r\n // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）\r\n this.$wx.updateAppMessageShareData({\r\n ...shareOption,\r\n // 设置成功\r\n success: () => {},\r\n });\r\n // 自定义“分享到朋友圈”及“分享到 QQ 空间”按钮的分享内容（1.4.0）\r\n this.$wx.updateTimelineShareData({\r\n ...shareOption,\r\n // 设置成功\r\n success: () => {},\r\n });\r\n },\r\n share() {\r\n this.showShare = false;\r\n const info = this.info;\r\n if (this.isWeChat) {\r\n this.showWeChatShare = true;\r\n this.initShare();\r\n } else {\r\n const link = location.href;\r\n copy(link);\r\n Toast(\"已复制链接到粘贴板\");\r\n }\r\n // return;\r\n const params = {\r\n forum_id: info.id, // 视频id\r\n };\r\n ForumService.forumTransmit(params).then(() => {});\r\n },\r\n // 显示发布评论窗口\r\n commentPostShow(comment) {\r\n if (!this.userInfo.id) {\r\n this.showOpenLogin = true;\r\n return;\r\n }\r\n let obj = {};\r\n comment ? (obj = comment) : (obj = { id: 0 });\r\n this.$refs.commentPost.showFn(\r\n this.reply_id ? { reply_id: this.reply_id, ...obj } : obj\r\n );\r\n console.log(this.reply_id ? { reply_id: this.reply_id, ...obj } : obj);\r\n },\r\n commentAppendToList(newComment) {\r\n if (!/[+.wW]/.test(this.total_count)) {\r\n this.total_count = parseInt(this.total_count) + 1;\r\n }\r\n this.commentList = [newComment, ...this.commentList];\r\n this.$emit(\"append\", newComment);\r\n },\r\n showMoreFn(index) {\r\n this.currentIndex = index;\r\n this.showShare = true;\r\n this.popup_type = \"comment\";\r\n },\r\n toReport() {\r\n if (!this.userInfo.id) {\r\n this.showShare = false;\r\n this.showOpenLogin = true;\r\n return;\r\n }\r\n const item =\r\n this.popup_type == \"comment\"\r\n ? this.commentList[this.currentIndex]\r\n : this.list[0];\r\n this.$router.push(`/report?type=11&id=${item.id}`);\r\n },\r\n delComment() {\r\n return Dialog.confirm({\r\n getContainer: \"#app\",\r\n message:\r\n this.popup_type == \"comment\" ? \"确定删除评论？\" : \"确定删除答案？\",\r\n }).then(() => {\r\n this.popup_type == \"comment\"\r\n ? this.option\r\n .delCommentApi(this.commentList[this.currentIndex])\r\n .then(({ msg }) => {\r\n Toast(msg);\r\n this.showShare = false;\r\n this.$emit(\"getList\", this.currentIndex);\r\n })\r\n : this.option.delApi(this.list[0]).then(({ msg }) => {\r\n Toast(msg);\r\n this.$router.back();\r\n });\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.open-vip-wrap {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.open-vip-close-btn {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px 0 0;\r\n}\r\n\r\n.open-vip-close-btn > img {\r\n width: 36px;\r\n}\r\n.open-vip {\r\n width: calc(100% - 120px);\r\n height: 190px;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.open-vip p {\r\n font-size: 16px;\r\n font-weight: bold;\r\n color: #222222;\r\n line-height: 35px;\r\n}\r\n\r\n.open-vip button {\r\n width: 165px;\r\n height: 42px;\r\n background: #ebd793;\r\n border-radius: 50px;\r\n font-size: 15px;\r\n font-weight: bold;\r\n color: #553d0e;\r\n margin-top: 30px;\r\n}\r\n.comment-between-head-sidebar {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.comment-between-head-nav-list {\r\n display: flex;\r\n align-items: center;\r\n margin-right: 12px;\r\n}\r\n\r\n.comment-between-head-nav-list > li {\r\n color: #999999;\r\n font-size: 12px;\r\n padding: 0 6px;\r\n position: relative;\r\n}\r\n\r\n.comment-between-head-nav-list > li::after {\r\n content: \"\";\r\n width: 1px;\r\n height: 13px;\r\n background-color: #999999;\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n}\r\n\r\n.comment-between-head-nav-list > li:last-child::after {\r\n background-color: initial;\r\n}\r\n\r\n.comment-between-head-nav-list > li.active {\r\n color: #222222;\r\n font-weight: bold;\r\n}\r\n.more-btn {\r\n width: 16px;\r\n height: 16px;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n margin-left: 10px;\r\n}\r\n\r\n.more-btn > img {\r\n height: 3px;\r\n}\r\n\r\n.list-wrap {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.list {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.list > li {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #ffffff;\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.item-top-box {\r\n width: 100%;\r\n height: 46px;\r\n line-height: 46px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.item-top-box-left {\r\n display: flex;\r\n align-items: center;\r\n color: #222222;\r\n font-size: 13px;\r\n font-weight: bold;\r\n}\r\n\r\n.item-top-box-left > img {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n}\r\n\r\n.item-top-box-right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.hand-btn {\r\n display: flex;\r\n align-items: center;\r\n color: #999999;\r\n font-size: 12px;\r\n}\r\n\r\n.hand-btn > img {\r\n width: 14px;\r\n margin-right: 6px;\r\n}\r\n\r\n.item-msg {\r\n width: 100%;\r\n color: #000000;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.item-time {\r\n width: 100%;\r\n color: #666666;\r\n font-size: 12px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.comment-module {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.comment-label {\r\n flex: 1;\r\n width: 100%;\r\n color: #222222;\r\n font-size: 15px;\r\n font-weight: bold;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.comment-box {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n}\r\n.comment-box1 {\r\n width: 325px;\r\n position: fixed;\r\n left: 25px;\r\n bottom: 0;\r\n padding: 10px 0 20px;\r\n background-color: #fff;\r\n z-index: 200;\r\n}\r\n\r\n.comment-box-img {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n margin-right: 16px;\r\n}\r\n\r\n.comment-input {\r\n flex: 1;\r\n height: 32px;\r\n line-height: 32px;\r\n background-color: #f3f3f3;\r\n border-radius: 50px;\r\n padding: 0 12px;\r\n box-sizing: border-box;\r\n font-size: 13px;\r\n pointer-events: none;\r\n}\r\n.comment-box1 .comment-input {\r\n margin-right: 10px;\r\n}\r\n.comment-input::placeholder {\r\n color: #999999;\r\n}\r\n\r\n.msg-1 {\r\n width: 100%;\r\n height: 45px;\r\n line-height: 45px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 12px;\r\n color: #888888;\r\n background-color: #f4f4f4;\r\n}\r\n\r\n.comment-input {\r\n flex: 1;\r\n height: 38px;\r\n line-height: 38px;\r\n background-color: #f3f3f3;\r\n border-radius: 50px;\r\n padding: 0 18px;\r\n box-sizing: border-box;\r\n font-size: 15px;\r\n}\r\n\r\n.comment-input::placeholder {\r\n color: #999999;\r\n}\r\n\r\n.float-box {\r\n position: fixed;\r\n bottom: 20%;\r\n right: 5px;\r\n z-index: 100;\r\n color: #222222;\r\n font-size: 12px;\r\n font-weight: bold;\r\n padding: 0 12px;\r\n box-sizing: border-box;\r\n border-radius: 50px;\r\n height: 28px;\r\n line-height: 28px;\r\n display: flex;\r\n align-items: center;\r\n background-color: #ffffff;\r\n box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.float-box > img {\r\n width: 10px;\r\n margin-right: 5px;\r\n}\r\n\r\n.content >>> ul {\r\n list-style: disc inside !important;\r\n}\r\n.content >>> ol {\r\n list-style: decimal inside !important;\r\n}\r\n.font-color-blue {\r\n color: #2a63f3;\r\n}\r\n\r\n.window {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n /*position: fixed;*/\r\n /*bottom: 0;*/\r\n /*left: 0;*/\r\n z-index: 99999999;\r\n background-color: #ffffff;\r\n border-radius: 16px 16px 0 0;\r\n}\r\n\r\n.window-top2 {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n padding: 25px 25px 23px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn2 {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #333333;\r\n font-size: 13px;\r\n}\r\n\r\n.window-btn2 > img {\r\n height: 38px;\r\n margin-bottom: 5px;\r\n}\r\n.window-btn2 .report {\r\n width: 38px;\r\n height: 38px;\r\n background: red;\r\n box-sizing: border-box;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n margin-bottom: 5px;\r\n}\r\n.window-btn2 .report > img {\r\n width: 20px;\r\n height: 20px;\r\n filter: brightness(100);\r\n margin-bottom: 2px;\r\n}\r\n\r\n.window-btn-box {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 15px 38px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn-box > button {\r\n width: 100%;\r\n height: 40px;\r\n line-height: 40px;\r\n background-color: #f3f3f3;\r\n border-radius: 100px;\r\n color: #222222;\r\n font-size: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.window-btn-box2 {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 14px 0 47px;\r\n box-sizing: border-box;\r\n border-top: 1px solid #f2f2f2;\r\n}\r\n\r\n.window-btn-box2 > button {\r\n color: #999999;\r\n font-size: 16px;\r\n}\r\n.shouAll {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.shouAll button {\r\n font-size: 14px;\r\n color: #2a63f3;\r\n}\r\n\r\n.comment-list {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.comment-list-fixed-height {\r\n height: calc(100vh - 250px);\r\n /* overflow-y: auto; */\r\n padding: 0 0 calc(100vh - 310px);\r\n box-sizing: border-box;\r\n}\r\n\r\n.comment-list li {\r\n width: 100%;\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.comment-list li:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.comment-avatar {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n}\r\n\r\n.comment-item-sidebar {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n border-bottom: 1px solid #f3f3f3;\r\n padding-bottom: 12px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.comment-item-top-between {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.comment-item-top-name {\r\n flex: 1;\r\n font-size: 14px;\r\n font-weight: bold;\r\n color: #222222;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 1;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.comment-item-top-sidebar {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.top-btn {\r\n font-weight: bold;\r\n color: #2a63f3;\r\n font-size: 12px;\r\n border: 1px solid #2a63f3;\r\n border-radius: 2px;\r\n background-color: #ffffff;\r\n width: 34px;\r\n height: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-right: 10px;\r\n}\r\n\r\n.comment-item-top-btn1 {\r\n display: flex;\r\n align-items: center;\r\n color: #444444;\r\n font-size: 12px;\r\n margin-right: 10px;\r\n}\r\n\r\n.comment-item-top-btn1.active {\r\n color: #2a63f3;\r\n}\r\n\r\n.comment-item-top-btn1 > img {\r\n width: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.comment-item-top-btn2 > img {\r\n width: 14px;\r\n}\r\n\r\n.comment-item-content {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 15px;\r\n}\r\n\r\n.full-text-btn {\r\n color: #2a63f3;\r\n font-size: 14px;\r\n}\r\n\r\n.comment-item-reply-wrap {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n margin-top: 6px;\r\n}\r\n\r\n.reply-btn {\r\n display: flex;\r\n align-items: center;\r\n font-weight: bold;\r\n color: #2a63f3;\r\n font-size: 12px;\r\n margin-right: 6px;\r\n}\r\n\r\n.reply-btn > img {\r\n width: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.comment-item-reply-time {\r\n color: #777777;\r\n font-size: 12px;\r\n transform: translate(0, 1px);\r\n}\r\n\r\n.comment-item-reply-box {\r\n width: 100%;\r\n margin-top: 11px;\r\n background-color: #f4f4f4;\r\n border-radius: 8px;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.comment-item-reply-content {\r\n width: 100%;\r\n color: #555555;\r\n font-size: 15px;\r\n}\r\n\r\n.comment-item-reply-box-bottom {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n margin-top: 6px;\r\n}\r\n\r\n.reply-box-btn {\r\n display: flex;\r\n align-items: center;\r\n font-weight: bold;\r\n color: #2a63f3;\r\n font-size: 12px;\r\n margin-right: 12px;\r\n}\r\n\r\n.reply-box-btn > img {\r\n width: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.comment-item-reply-time2 {\r\n color: #777777;\r\n font-size: 12px;\r\n transform: translate(0, 1px);\r\n}\r\n\r\n.comment-wrap .my-switch {\r\n width: 60px;\r\n height: 24px !important;\r\n background-color: #f0f0f0;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.comment-wrap .my-switch::after {\r\n content: \"推送关\";\r\n position: absolute;\r\n right: 5px;\r\n font-size: 11px !important;\r\n color: #999999;\r\n}\r\n\r\n.comment-wrap .my-switch.van-switch--on {\r\n background-color: #2a63f3;\r\n}\r\n\r\n.comment-wrap >>> .my-switch .van-switch__node {\r\n width: 16px !important;\r\n height: 16px !important;\r\n top: calc(50% - 8px);\r\n}\r\n\r\n.window {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n /*position: fixed;*/\r\n /*bottom: 0;*/\r\n /*left: 0;*/\r\n z-index: 99999999;\r\n background-color: #ffffff;\r\n border-radius: 16px 16px 0 0;\r\n}\r\n\r\n.window-top2 {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n padding: 25px 25px 23px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn2 {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #333333;\r\n font-size: 13px;\r\n}\r\n\r\n.window-btn2 > img {\r\n height: 38px;\r\n margin-bottom: 5px;\r\n}\r\n.window-btn2 .report {\r\n width: 38px;\r\n height: 38px;\r\n background: red;\r\n box-sizing: border-box;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n margin-bottom: 5px;\r\n}\r\n.window-btn2 .report > img {\r\n width: 20px;\r\n height: 20px;\r\n filter: brightness(100);\r\n margin-bottom: 2px;\r\n}\r\n\r\n.window-btn-box {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 15px 38px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn-box > button {\r\n width: 100%;\r\n height: 40px;\r\n line-height: 40px;\r\n background-color: #f3f3f3;\r\n border-radius: 100px;\r\n color: #222222;\r\n font-size: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.window-btn-box2 {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 14px 0 47px;\r\n box-sizing: border-box;\r\n border-top: 1px solid #f2f2f2;\r\n}\r\n\r\n.window-btn-box2 > button {\r\n color: #999999;\r\n font-size: 16px;\r\n}\r\n.window-top {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 35px 25px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n color: #222222;\r\n font-size: 16px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.window-btn:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.window-btn.del {\r\n color: #ff1010;\r\n}\r\n\r\n.window-btn > img {\r\n width: 24px;\r\n margin-right: 16px;\r\n}\r\n\r\n.window-btn-box {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 15px 38px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn-box > button {\r\n width: 100%;\r\n height: 40px;\r\n line-height: 40px;\r\n background-color: #f3f3f3;\r\n border-radius: 100px;\r\n color: #222222;\r\n font-size: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./forum-reply2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./forum-reply2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./forum-reply2.vue?vue&type=template&id=af944494&scoped=true&\"\nimport script from \"./forum-reply2.vue?vue&type=script&lang=js&\"\nexport * from \"./forum-reply2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./forum-reply2.vue?vue&type=style&index=0&id=af944494&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"af944494\",\n null\n \n)\n\nexport default component.exports","<!-- 论坛-问题详情 -->\r\n<template>\r\n <div class=\"wrap\">\r\n <!-- <div class=\"header\">\r\n\t\t\t<img src=\"@/assets/return.png\" class=\"return-img\" @click=\"$router.back()\">\r\n\t\t\t<p class=\"header-title\">详情</p>\r\n\t\t</div> -->\r\n <div class=\"header-wrap\" ref=\"header-wrap\">\r\n <div class=\"header\">\r\n <img\r\n src=\"@/assets/return.png\"\r\n class=\"return-img\"\r\n @click=\"$router.back()\"\r\n alt=\"\"\r\n />\r\n <span class=\"info-title\">回答详情</span>\r\n </div>\r\n </div>\r\n <div class=\"question-title\" @click.stop=\"toQuestionDetail\">\r\n {{ info.title }}\r\n </div>\r\n <div class=\"basePage\" ref=\"basePage\">\r\n <!-- 回答列表 -->\r\n <forum-reply\r\n ref=\"forum-reply\"\r\n :isShow=\"true\"\r\n :list=\"infoList\"\r\n :headerHeight=\"0\"\r\n :reply_id=\"reply_id\"\r\n :forum_id=\"forum_id\"\r\n :option=\"commentsOption\"\r\n />\r\n </div>\r\n\r\n <!-- 回到顶部 -->\r\n <to-top display-height=\"0\" :bottom=\"100\" :toTop=\"toTop\" />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport SharePopup from \"@/components/share-popup.vue\";\r\nimport ToTop from \"@/components/to-top.vue\";\r\nimport { ForumService, UserCenterService } from \"@/common/service\";\r\nimport ForumReply from \"@/components/forum/forum-reply2\";\r\nimport { formatRichText } from \"@/common/util\";\r\nimport CommentsPopup from \"@/components/comments-popup.vue\";\r\n\r\nexport default {\r\n components: { ForumReply, SharePopup, CommentsPopup, ToTop },\r\n computed: {\r\n // 评论区参数\r\n commentsOption() {\r\n return {\r\n // 评论列表【问题&&答案】\r\n listApi: (params) =>\r\n ForumService.getReplyCommentList({\r\n ...params,\r\n forum_id: this.info.id,\r\n }),\r\n // 点赞\r\n likeApi: (comment) =>\r\n ForumService.forumTags({\r\n like_id: this.info.id,\r\n }),\r\n // 发布评论\r\n postApi: (params) =>\r\n ForumService.commentReply({\r\n ...params,\r\n forum_id: this.info.id,\r\n }),\r\n // 回复评论\r\n postReplyApi: (params, comment) =>\r\n ForumService.forumSecondComment({\r\n ...params,\r\n id: comment.id,\r\n }),\r\n reportType: 10,\r\n // 删除评论\r\n delCommentApi: (params) =>\r\n ForumService.batchesDel({ id: params.id, type: 9 }),\r\n // 删除答案\r\n delApi: (params) => ForumService.batchesDel({ id: params.id, type: 7 }),\r\n };\r\n },\r\n },\r\n data() {\r\n return {\r\n forum_id: 0,\r\n info: {},\r\n reply_id: 0,\r\n params: {\r\n forum_id: 0, // 是否推荐0否1是\r\n page: 1, // 页数\r\n page_num: 5, // 每页数\r\n },\r\n userInfo: {},\r\n infoList: [],\r\n };\r\n },\r\n mounted() {\r\n const option = this.$route.query;\r\n // this.infoList.push(JSON.parse(option.info));\r\n this.forum_id = parseInt(option.forum_id || 0);\r\n this.reply_id = parseInt(option.reply_id || 0);\r\n this.getReplyInfo();\r\n this.getUserInfo();\r\n if (this.forum_id > 0) {\r\n this.getInfo();\r\n }\r\n },\r\n methods: {\r\n toTop() {\r\n window.scrollTo(0, 0);\r\n },\r\n // 获取用户信息\r\n getUserInfo() {\r\n UserCenterService.getUserInfo().then(({ data }) => {\r\n this.userInfo = data.detail;\r\n localStorage.setItem(\"user_info\", JSON.stringify(data.detail));\r\n localStorage.setItem(\"user_level\", JSON.stringify(data.user_level));\r\n });\r\n },\r\n getReplyInfo() {\r\n ForumService.getReplyInfo({ id: this.reply_id }).then(({ data }) => {\r\n this.infoList = [data.detail];\r\n });\r\n },\r\n\r\n getInfo() {\r\n return ForumService.getForumInfo({ id: this.forum_id }).then(\r\n ({ data }) => {\r\n data.detail.content = formatRichText(data.detail.content || \"\");\r\n this.info = data.detail;\r\n }\r\n );\r\n },\r\n toQuestionDetail() {\r\n this.$router.push(\"/forum-question-details?forum_id=\" + this.forum_id);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.question-title {\r\n margin: 50px auto 0;\r\n width: 100%;\r\n background: #ffffff;\r\n border-radius: 10px;\r\n padding: 12px 14px;\r\n font-size: 18px;\r\n color: #222222;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n.question {\r\n margin: 0 auto;\r\n width: 351px;\r\n background: #ffffff;\r\n border-radius: 10px;\r\n padding: 12px 14px;\r\n font-size: 14px;\r\n font-family: PingFangSC-Medium, PingFang SC;\r\n font-weight: bold;\r\n color: #222222;\r\n line-height: 20px;\r\n overflow: hidden;\r\n}\r\n.question img {\r\n width: 22px;\r\n height: 22px;\r\n vertical-align: middle;\r\n margin-right: 7px;\r\n}\r\n.lookAll {\r\n text-align: center;\r\n font-size: 12px;\r\n font-family: PingFangSC-Regular, PingFang SC;\r\n font-weight: 400;\r\n color: #888888;\r\n line-height: 17px;\r\n}\r\n.lookAll img {\r\n width: 4px;\r\n margin-left: 4px;\r\n vertical-align: middle;\r\n margin-bottom: 3px;\r\n}\r\n.publishData {\r\n margin-left: 10px;\r\n font-size: 13px;\r\n font-family: PingFangSC-Regular, PingFang SC;\r\n font-weight: 400;\r\n color: #666666;\r\n line-height: 18px;\r\n}\r\n.showtwo {\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 2;\r\n}\r\n.basePage {\r\n background-color: #fff;\r\n margin: 0 0 10px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n.header-wrap {\r\n width: 100%;\r\n height: 44px;\r\n display: flex;\r\n flex-direction: column;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 500;\r\n background-color: #ffffff;\r\n}\r\n\r\n.header {\r\n width: 100%;\r\n height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: end;\r\n background-color: #ffffff;\r\n z-index: 999;\r\n padding: 0 12px;\r\n position: relative;\r\n box-sizing: border-box;\r\n}\r\n\r\n.header .info-title {\r\n font-size: 16px;\r\n color: #222222;\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n -o-text-overflow: ellipsis;\r\n}\r\n.header-btn-box {\r\n display: flex;\r\n align-items: center;\r\n position: absolute;\r\n right: 12px;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n}\r\n\r\n.header-btn-box > button {\r\n margin-right: 10px;\r\n}\r\n\r\n.header-btn-box > button:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.header-btn-box > button > img {\r\n height: 24px;\r\n}\r\n.wrap {\r\n transition: all 0.4s;\r\n width: 100%;\r\n /* height: calc(var(--vh) * 100); */\r\n background-color: #fff;\r\n overflow-x: hidden;\r\n /* padding-bottom: 52px; */\r\n position: relative;\r\n box-sizing: border-box;\r\n padding-bottom: 50px;\r\n}\r\n\r\n/* 头部样式 */\r\n/* .header {\r\n\t\twidth: 100%;\r\n\t\theight: 44px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tz-index: 999;\r\n\t} */\r\n\r\n.return-img {\r\n position: absolute;\r\n left: 15px;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n width: 20px;\r\n}\r\n\r\n.header-title {\r\n color: #333333;\r\n font-size: 18px;\r\n font-weight: bold;\r\n}\r\n\r\n.top {\r\n width: 100%;\r\n top: 44px;\r\n overflow: hidden;\r\n padding: 12px 15px 0;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #ffffff;\r\n /* position: absolute; */\r\n z-index: 999;\r\n border-bottom: 1px solid #f4f4f4;\r\n}\r\n\r\n.top2 {\r\n width: 100%;\r\n padding: 12px 15px 0;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #ffffff;\r\n position: relative;\r\n /*left: 200vw;*/\r\n transform: translateX(200vw);\r\n border-bottom: 10px solid #f4f4f4;\r\n}\r\n\r\n.item-top {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.item-top-left {\r\n display: flex;\r\n align-items: center;\r\n color: #222222;\r\n font-size: 13px;\r\n}\r\n\r\n.item-top-left > img {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n}\r\n\r\n.item-top-right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.more-btn {\r\n width: 16px;\r\n height: 16px;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n margin-left: 10px;\r\n}\r\n\r\n.more-btn > img {\r\n height: 3px;\r\n}\r\n\r\n.title {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 16px;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n}\r\n.content-box {\r\n width: 100%;\r\n overflow: hidden;\r\n border-top: 15px solid #ffffff;\r\n border-bottom: 15px solid #ffffff;\r\n position: relative;\r\n background-color: #fff;\r\n}\r\n.content-show-all {\r\n margin: 0 auto;\r\n color: #2a63f3;\r\n /* position: fixed;\r\n top: calc(50% - 10px);\r\n right: 0; */\r\n height: 20px;\r\n font-size: 13px;\r\n /* background: rgba(0, 0, 0, .7); */\r\n display: flex;\r\n align-items: center;\r\n padding: 2px 6px;\r\n}\r\n.content-show-all img {\r\n width: 8px;\r\n height: 8px;\r\n margin-left: 2px;\r\n /* filter: brightness(100); */\r\n}\r\n.content-show-all.active img {\r\n transform: rotate(180deg);\r\n}\r\n.content {\r\n /*margin-top: 136.5px;*/\r\n width: 100%;\r\n font-size: 16px;\r\n padding: 0 15px;\r\n background: #ffffff;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n line-height: 1.5;\r\n}\r\n\r\n.content >>> ul {\r\n list-style: disc inside !important;\r\n}\r\n.content >>> ol {\r\n list-style: decimal inside !important;\r\n}\r\n.content >>> * {\r\n line-height: 1.5;\r\n}\r\n\r\n.tag-list {\r\n width: 100%;\r\n height: 16px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.tag-list > li {\r\n width: fit-content;\r\n height: 16px;\r\n line-height: 16px;\r\n background-color: #f3f3f3;\r\n border-radius: 3px;\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n color: #2a63f3;\r\n font-size: 10px;\r\n padding: 0 4px;\r\n}\r\n\r\n.item-bottom {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.item-bottom {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.item-bottom-left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.font-1 {\r\n color: #222222;\r\n font-size: 12px;\r\n margin-right: 24px;\r\n /*font-weight: bold;*/\r\n}\r\n\r\n.font-1:last-child {\r\n margin: 0;\r\n}\r\n\r\n.font-1 > span {\r\n font-weight: normal;\r\n color: #666666;\r\n margin-left: 2px;\r\n}\r\n\r\n.item-bottom-right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.about-btn {\r\n color: #ffffff;\r\n font-size: 11px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 8px;\r\n height: 24px;\r\n line-height: 24px;\r\n background-color: #2a63f3;\r\n border-radius: 50px;\r\n margin-right: 8px;\r\n}\r\n.about-btn.active {\r\n background-color: #eff3ff;\r\n color: #2a63f3;\r\n}\r\n\r\n.about-btn > img {\r\n width: 14px;\r\n margin-right: 1px;\r\n}\r\n\r\n.footer {\r\n width: 100%;\r\n height: 52px;\r\n display: flex;\r\n align-items: center;\r\n background-color: #ffffff;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 999;\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.footer > button {\r\n flex: 1;\r\n height: 36px;\r\n line-height: 36px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-right: 25px;\r\n border-radius: 50px;\r\n font-size: 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.footer > button:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.footer-btn1 {\r\n color: #2a63f3;\r\n border: 1px solid #2a63f3;\r\n background-color: #ffffff;\r\n}\r\n\r\n.footer-btn1 > img {\r\n width: 19px;\r\n margin-right: 9px;\r\n}\r\n\r\n.footer-btn2 {\r\n background-color: #2a63f3;\r\n color: #ffffff;\r\n}\r\n\r\n.footer-btn2 > img {\r\n width: 16px;\r\n margin-right: 12px;\r\n}\r\n\r\n.list-wrap {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.list {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.list > li {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #ffffff;\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.item-top-box {\r\n width: 100%;\r\n height: 46px;\r\n line-height: 46px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.item-top-box-left {\r\n display: flex;\r\n align-items: center;\r\n color: #222222;\r\n font-size: 13px;\r\n font-weight: bold;\r\n}\r\n\r\n.item-top-box-left > img {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n}\r\n\r\n.item-top-box-right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.hand-btn {\r\n display: flex;\r\n align-items: center;\r\n color: #999999;\r\n font-size: 12px;\r\n}\r\n\r\n.hand-btn > img {\r\n width: 14px;\r\n margin-right: 6px;\r\n}\r\n\r\n.item-msg {\r\n width: 100%;\r\n color: #555555;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.item-time {\r\n width: 100%;\r\n color: #666666;\r\n font-size: 12px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.comment-module {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.comment-label {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 15px;\r\n font-weight: bold;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.comment-list {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.comment-list > li {\r\n width: 100%;\r\n display: flex;\r\n align-items: flex-start;\r\n padding: 9px 0;\r\n border-bottom: 1px solid #f2f2f2;\r\n box-sizing: border-box;\r\n}\r\n\r\n.comment-list > li:last-of-type {\r\n border-bottom: none;\r\n}\r\n\r\n.avatar {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n}\r\n\r\n.comment-sidebar {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.comment-row-between {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.user-name {\r\n color: #222222;\r\n font-size: 13px;\r\n font-weight: bold;\r\n}\r\n\r\n.comment-row-right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.comment-msg {\r\n width: 100%;\r\n color: #666666;\r\n font-size: 13px;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.comment-time {\r\n width: 100%;\r\n color: #666666;\r\n font-size: 12px;\r\n}\r\n\r\n.view-all-comments {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #888888;\r\n font-size: 12px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.view-all-comments > img {\r\n width: 4px;\r\n margin-left: 4px;\r\n}\r\n\r\n.comment-box {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.comment-box-img {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n margin-right: 16px;\r\n}\r\n\r\n.comment-input {\r\n flex: 1;\r\n height: 32px;\r\n line-height: 32px;\r\n background-color: #f3f3f3;\r\n border-radius: 50px;\r\n padding: 0 12px;\r\n box-sizing: border-box;\r\n font-size: 13px;\r\n}\r\n\r\n.comment-input::placeholder {\r\n color: #999999;\r\n}\r\n\r\n.msg-1 {\r\n width: 100%;\r\n height: 45px;\r\n line-height: 45px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 12px;\r\n color: #888888;\r\n}\r\n\r\n.mask-layer {\r\n width: 100%;\r\n height: 100vh;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 10000;\r\n background: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.all-comments {\r\n width: 100%;\r\n height: 88%;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 11000;\r\n background-color: #ffffff;\r\n border-radius: 12px 12px 0 0;\r\n}\r\n\r\n.all-comment-top {\r\n width: 100%;\r\n height: 55px;\r\n line-height: 55px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #222222;\r\n font-size: 18px;\r\n font-weight: bold;\r\n position: relative;\r\n}\r\n\r\n.all-comment-top-btn {\r\n padding: 0 19px;\r\n position: absolute;\r\n left: 0;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n}\r\n\r\n.all-comment-top-btn > img {\r\n width: 7px;\r\n}\r\n\r\n.all-comment-top-between {\r\n width: 100%;\r\n height: 26px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.font-3 {\r\n font-size: 15px;\r\n font-weight: bold;\r\n color: #222222;\r\n}\r\n\r\n.switch-tab-list {\r\n width: fit-content;\r\n height: 26px;\r\n display: flex;\r\n align-items: center;\r\n background-color: #f4f4f4;\r\n border-radius: 50px;\r\n padding: 0 2px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.switch-tab-list > li {\r\n width: 50px;\r\n height: 22px;\r\n line-height: 22px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50px;\r\n background-color: #f4f4f4;\r\n color: #888888;\r\n font-size: 13px;\r\n}\r\n\r\n.switch-tab-list > li.active {\r\n background-color: #ffffff;\r\n color: #222222;\r\n font-size: 13px;\r\n font-weight: bold;\r\n}\r\n\r\n.all-comments-bottom {\r\n width: 100%;\r\n height: 83px;\r\n display: flex;\r\n align-items: center;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n background-color: #ffffff;\r\n padding-left: 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.comment-input {\r\n flex: 1;\r\n height: 38px;\r\n line-height: 38px;\r\n background-color: #f3f3f3;\r\n border-radius: 50px;\r\n padding: 0 18px;\r\n box-sizing: border-box;\r\n font-size: 15px;\r\n}\r\n\r\n.comment-input::placeholder {\r\n color: #999999;\r\n}\r\n\r\n.release-btn {\r\n height: 38px;\r\n line-height: 38px;\r\n padding: 0 15px;\r\n margin-left: 4px;\r\n color: #2a63f3;\r\n font-size: 15px;\r\n}\r\n\r\n.all-comments-list {\r\n width: 100%;\r\n height: calc(100% - 184px);\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.all-comments-list > li {\r\n width: 100%;\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.reply-list {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.reply-list > li {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 13px;\r\n margin-top: 6px;\r\n border-left: 1px solid #f3f3f3;\r\n padding: 0 4px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.reply-list > li > span.blue {\r\n color: #2a63f3;\r\n}\r\n\r\n.post-comments-mask-layer {\r\n width: 100%;\r\n height: 100vh;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 11100;\r\n background: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.post-comments-window {\r\n width: 100%;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 11110;\r\n background-color: #ffffff;\r\n border-radius: 12px 12px 0 0;\r\n}\r\n\r\n.post-comments-row-between {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 20px 15px 20px 20px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.post-comments-input {\r\n flex: 1;\r\n font-size: 14px;\r\n}\r\n\r\n.post-comments-input::placeholder {\r\n color: #999999;\r\n}\r\n\r\n.post-comments-icon {\r\n width: 16px;\r\n}\r\n\r\n.post-comments-btn {\r\n width: 100%;\r\n height: 36px;\r\n line-height: 36px;\r\n background-color: #f3f3f3;\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n font-size: 15px;\r\n color: #2a63f3;\r\n font-weight: bold;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n}\r\n\r\n.wrap .my-switch {\r\n width: 70px;\r\n height: 24px !important;\r\n background-color: #f0f0f0;\r\n position: relative;\r\n}\r\n.wrap .my-switch::after {\r\n content: \"通知关\";\r\n position: absolute;\r\n right: 5px;\r\n line-height: 24px !important;\r\n font-size: 11px !important;\r\n color: #999999;\r\n}\r\n.wrap .my-switch.van-switch--on {\r\n background-color: #2a63f3;\r\n}\r\n.wrap >>> .my-switch .van-switch__node {\r\n width: 22px !important;\r\n height: 22px !important;\r\n top: calc(50% - 11px);\r\n}\r\n.wrap >>> .my-switch.van-switch--on .van-switch__node {\r\n -webkit-transform: translateX(47px) !important;\r\n transform: translateX(47px) !important;\r\n}\r\n.wrap .my-switch.van-switch--on::after {\r\n content: \"通知开\";\r\n left: 5px;\r\n color: #ffffff;\r\n}\r\n.window {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n /*position: fixed;*/\r\n /*bottom: 0;*/\r\n /*left: 0;*/\r\n z-index: 99999999;\r\n background-color: #ffffff;\r\n border-radius: 16px 16px 0 0;\r\n}\r\n\r\n.window-top2 {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n padding: 25px 25px 23px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn2 {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #333333;\r\n font-size: 13px;\r\n}\r\n\r\n.window-btn2 > img {\r\n height: 38px;\r\n margin-bottom: 5px;\r\n}\r\n.window-btn2 .report {\r\n width: 38px;\r\n height: 38px;\r\n background: red;\r\n box-sizing: border-box;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n margin-bottom: 5px;\r\n}\r\n.window-btn2 .report > img {\r\n width: 20px;\r\n height: 20px;\r\n filter: brightness(100);\r\n margin-bottom: 2px;\r\n}\r\n\r\n.window-btn-box {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 15px 38px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn-box > button {\r\n width: 100%;\r\n height: 40px;\r\n line-height: 40px;\r\n background-color: #f3f3f3;\r\n border-radius: 100px;\r\n color: #222222;\r\n font-size: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.window-btn-box2 {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 14px 0 47px;\r\n box-sizing: border-box;\r\n border-top: 1px solid #f2f2f2;\r\n}\r\n\r\n.window-btn-box2 > button {\r\n color: #999999;\r\n font-size: 16px;\r\n}\r\n.van-list {\r\n padding-bottom: 30px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./forumAnswerItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./forumAnswerItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./forumAnswerItem.vue?vue&type=template&id=74f027de&scoped=true&\"\nimport script from \"./forumAnswerItem.vue?vue&type=script&lang=js&\"\nexport * from \"./forumAnswerItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./forumAnswerItem.vue?vue&type=style&index=0&id=74f027de&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"74f027de\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./forum-reply2.vue?vue&type=style&index=0&id=af944494&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./forumAnswerItem.vue?vue&type=style&index=0&id=74f027de&prod&scoped=true&lang=css&\""],"sourceRoot":""}
|
