| 1 |
- {"version":3,"sources":["webpack:///./src/views/demand/demand-reply-to-me.vue?96e1","webpack:///./src/assets/avatar.png","webpack:///./src/assets/icon-181.png","webpack:///./src/components/comment-post.vue","webpack:///src/components/comment-post.vue","webpack:///./src/components/comment-post.vue?95d8","webpack:///./src/components/comment-post.vue?23a4","webpack:///./src/components/text-hide-by-line.vue?188e","webpack:///./src/components/text-hide.vue?1036","webpack:///./src/views/demand/demand-reply-to-me.vue","webpack:///src/views/demand/demand-reply-to-me.vue","webpack:///./src/views/demand/demand-reply-to-me.vue?bfe0","webpack:///./src/views/demand/demand-reply-to-me.vue?09f0","webpack:///./src/assets/icon-83.png","webpack:///./src/assets/icon-175.png","webpack:///./node_modules/core-js/modules/es6.function.name.js","webpack:///./src/assets/icon-152.png","webpack:///./src/components/text-hide.vue","webpack:///src/components/text-hide.vue","webpack:///./src/components/text-hide.vue?10de","webpack:///./src/components/text-hide.vue?a3c9","webpack:///./src/components/text-hide-by-line.vue","webpack:///src/components/text-hide-by-line.vue","webpack:///./src/components/text-hide-by-line.vue?59d7","webpack:///./src/components/text-hide-by-line.vue?b164","webpack:///./src/components/text-highlight.vue","webpack:///src/components/text-highlight.vue","webpack:///./src/components/text-highlight.vue?972c","webpack:///./src/components/text-highlight.vue?ad5c","webpack:///./src/assets/icon-151.png","webpack:///./src/components/comment-post.vue?a1e0"],"names":["module","exports","render","_vm","this","_c","_self","attrs","model","value","show","callback","$$v","expression","staticClass","on","$event","_v","class","active","params","content","length","submit","comment","id","headimg","require","domProps","_s","_e","ref","maxHeight","minHeight","name","user_name","$set","staticRenderFns","watch","disabledKeydownFn","props","postApi","type","default","postReplyApi","data","userInfo","mounted","methods","showFn","getUserInfo","console","msg","Toast","newComment","component","$router","back","unreadChangeAll","swipeCellList","list","openOrCloseEdit","edit","swipeCellOption","scopedSlots","_u","key","fn","item","unreadChange","then","is_read","create_at","$refs","commentPost","toDetail","parent_comment","is_normal","cover","style","background","typeList","is_over","color","label","title","searchKeyword","app_logo","read_num","deletePopup","batchesDel","checkIds","oneDeletePopup","option","components","TextHideByLine","CommentPost","TextHide","TextHighlight","SwipeCellList","DemandService","showSearch","searchKey","nextItemShow","nextItemFilter","getHeaderHeight","listApi","itemButtons","text","bgColor","click","bottomButtons","items","dP","f","FProto","Function","prototype","nameRE","NAME","configurable","get","match","e","highlightKey","hideBtn","directives","rawName","valSize","maxSize","stopPropagation","showAll","val","computed","lineClamp","contentLine","maxLine","_t","staticStyle","btnType","position","width","fontSize","height","heightChangeEvent","contentResizeObserver"],"mappings":"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","file":"js/chunk-3d96d299.7ba90b18.js","sourcesContent":["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!./demand-reply-to-me.vue?vue&type=style&index=0&id=b2e7913c&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/avatar.0166dac5.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAkFJREFUSEvtlk1rE1EUht9zY5s0mUkXoqCIqAhtkpULC6Jbf4IoiCCJVakfINKFq7YrF0UEP4paJwgiKP4Et4pQF64yaUFURBQUF00madKY+0qkwUxnTKZ2KCLe5ZyP55xzz5lzBRt8ZIN5WAOQkspVLgI8IIBqBUpAA/KyaCVuAMIgwQcGpk6Vjwrx2M8pBceK980noQLT2fIEBJO+TolJO29O/Qe2KhD4Dv+tku69wCgcJ9nZBH3CcREZ9+1ScrpBmXbJDKP05qbUV+t7SprJlkYpcgtAf5Cu66KzLOT5Qj4526njAaZyzlsBd68T9tOckHdFy9jTFZjOlb8A2BIGEMBX2zK3/nXATwC2hZThZ9syt/fIsHIH0GdCAt61LfNsVyAmqIY/lA4rpVxjsdYAtJbS/M7EM0yJ7g4EkM46lwEaa4W49cWx88a1nnOYHqOBurOIlZ33y0BIkO1d2P7e2okCEaAlch2NqDFoz4jTNcNMrnSQkOfeyOQ4FWxovnbJlOwTjTTBR14bHipYyRc9gJUxQt/2GCs1EpN4YanpVDplAxEjUWM1Q63nvEB1rmAlZnr8acr3BBgNA0hgtmiZp7uPRdaZg3B/GEBQXtl5Y+T3wCOMpAYrZSEHwgBSZKm4mDDxVJptf67OGsrWhiLSmPcbB/mDO2z5aZLDC/nkgi9w10nG4puq10G9eTVURfqu1KLRj/1V52GnbDlunIjV6zt0s3HVE6iob9Xv8UvvH0jNF7i+QQ9mHfhNE8xdb60fYvsNLJOMxfQAAAAASUVORK5CYII=\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('van-popup',{attrs:{\"round\":\"\",\"position\":\"bottom\",\"z-index\":\"999999999\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('div',{staticClass:\"comment-footer-column\"},[_c('div',{staticClass:\"comment-footer-between\"},[_c('button',{staticClass:\"cancel-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.show = false}}},[_vm._v(\"取消\")]),_c('button',{staticClass:\"confirm-btn\",class:{active: _vm.params.content.length > 0 },attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.submit()}}},[_vm._v(\"\\n 发布\\n \")])]),(_vm.comment.id > 0)?_c('div',{staticClass:\"comment-reply\"},[_c('img',{staticClass:\"comment-avatar\",attrs:{\"src\":_vm.comment.headimg || require('../assets/avatar.png'),\"alt\":\"\"}}),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.comment.content)}})]):_vm._e(),_c('div',{staticClass:\"comment-input-wrap\"},[_c('van-field',{ref:\"comment-send\",attrs:{\"rows\":\"1\",\"type\":\"textarea\",\"autosize\":{ maxHeight: 100, minHeight: 20 },\"placeholder\":_vm.comment.id > 0 ? `回复：${_vm.comment.name || _vm.comment.user_name || '匿名用户'}` : '发布一条友善的评论'},model:{value:(_vm.params.content),callback:function ($$v) {_vm.$set(_vm.params, \"content\", $$v)},expression:\"params.content\"}})],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 发布评论 -->\r\n<template>\r\n <div>\r\n <!-- 评论窗口 -->\r\n <van-popup v-model=\"show\" round position=\"bottom\" z-index=\"999999999\">\r\n <div class=\"comment-footer-column\">\r\n <div class=\"comment-footer-between\">\r\n <button type=\"button\" class=\"cancel-btn\" @click=\"show = false\">取消</button>\r\n <button type=\"button\" class=\"confirm-btn\" :class=\"{active: params.content.length > 0 }\" @click=\"submit()\">\r\n 发布\r\n </button>\r\n </div>\r\n <div class=\"comment-reply\" v-if=\"comment.id > 0\">\r\n <img :src=\"comment.headimg || require('../assets/avatar.png')\" class=\"comment-avatar\" alt=\"\">\r\n <span v-html=\"comment.content\"></span>\r\n </div>\r\n <div class=\"comment-input-wrap\">\r\n <van-field\r\n rows=\"1\"\r\n type=\"textarea\"\r\n ref=\"comment-send\"\r\n v-model=\"params.content\"\r\n :autosize=\" { maxHeight: 100, minHeight: 20 }\"\r\n :placeholder=\"comment.id > 0 ? `回复：${comment.name || comment.user_name || '匿名用户'}` : '发布一条友善的评论'\"\r\n />\r\n </div>\r\n </div>\r\n </van-popup>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {Toast} from \"vant\";\r\nimport {disabledKeydownFn} from \"@/router\";\r\n\r\nexport default {\r\n name: 'comment-post',\r\n watch: {\r\n show() {\r\n if (this.show === true) {\r\n this.$nextTick(() => this.$refs['comment-send'].focus());\r\n }\r\n disabledKeydownFn(!this.show);\r\n }\r\n },\r\n props: {\r\n postApi: {\r\n type: Function,\r\n default: (params) => new Promise(resolve => resolve({})),\r\n },\r\n postReplyApi: {\r\n type: Function,\r\n default: (params, comment) => new Promise(resolve => resolve({})),\r\n },\r\n },\r\n data() {\r\n return {\r\n show: false,\r\n // 回复的用户\r\n comment: {},\r\n\r\n params: {\r\n content: '',\r\n },\r\n\r\n userInfo: {},\r\n };\r\n },\r\n mounted() {\r\n this.getUserInfo();\r\n },\r\n methods: {\r\n showFn(comment = {id: 0}) {\r\n this.comment = comment;\r\n this.params.content = '';\r\n this.show = true;\r\n },\r\n\r\n // 获取用户信息\r\n getUserInfo() {\r\n try {\r\n this.userInfo = JSON.parse(localStorage.getItem('user_info')) || {};\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n },\r\n\r\n submit() {\r\n const params = this.params;\r\n const comment = this.comment;\r\n if (params.content.length === 0) {\r\n return Toast('请输入评论内容');\r\n }\r\n const postApi = this.postApi;\r\n const postReplyApi = this.postReplyApi;\r\n return (comment.id > 0 ? postReplyApi(params, comment) : postApi(params, comment)).then(({data = {}, msg} = {}) => {\r\n const newComment = data.detail || {content: params.content};\r\n\r\n if (comment.id > 0) {\r\n Toast('回复成功');\r\n newComment.parent_comment = comment;\r\n }\r\n Toast('评论成功');\r\n\r\n newComment.is_like = 0;\r\n newComment.like_num = 0;\r\n newComment.contentShort = (newComment.content || '').substring(0, 50);\r\n newComment['user_id'] = this.userInfo.id || '';\r\n\r\n this.params.content = '';\r\n this.$emit('submit', newComment);\r\n this.show = false;\r\n return newComment;\r\n });\r\n },\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n/* 新增 */\r\n.comment-footer-column {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 0 15px 20px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.comment-footer-between {\r\n width: 100%;\r\n height: 52px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.comment-footer-between button.cancel-btn {\r\n color: #333333;\r\n font-size: 15px;\r\n}\r\n\r\n.comment-footer-between button.confirm-btn {\r\n width: 62px;\r\n height: 28px;\r\n line-height: 28px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 100px;\r\n color: #FFFFFF;\r\n font-size: 15px;\r\n background-color: #B0B9CD;\r\n}\r\n\r\n.comment-footer-between button.confirm-btn.active {\r\n background-color: #2A63F3;\r\n}\r\n\r\n.comment-reply {\r\n display: flex;\r\n align-items: center;\r\n padding-bottom: 12px;\r\n}\r\n.comment-reply img {\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n}\r\n.comment-reply span {\r\n font-size: 13px;\r\n color: #555555;\r\n flex: 1;\r\n overflow:hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.comment-input-wrap {\r\n width: 100%;\r\n line-height: 38px;\r\n border-radius: 19px;\r\n background-color: #F3F3F3;\r\n padding: 0 16px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.comment-input-wrap .van-field {\r\n background-color: #F3F3F3;\r\n padding: 8px 0;\r\n font-size: 15px;\r\n}\r\n\r\n.comment-input-wrap input {\r\n width: 100%;\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!./comment-post.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!./comment-post.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./comment-post.vue?vue&type=template&id=0dffb8f0&scoped=true&\"\nimport script from \"./comment-post.vue?vue&type=script&lang=js&\"\nexport * from \"./comment-post.vue?vue&type=script&lang=js&\"\nimport style0 from \"./comment-post.vue?vue&type=style&index=0&id=0dffb8f0&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 \"0dffb8f0\",\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!./text-hide-by-line.vue?vue&type=style&index=0&id=b3df1f9c&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!./text-hide.vue?vue&type=style&index=0&id=76d332c4&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{ref:\"header\",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('p',{staticClass:\"header-title\"},[_vm._v(\"\\n 回复我的\\n \"),_c('button',{staticClass:\"full-mark-read\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.unreadChangeAll(_vm.swipeCellList.list)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-181.png\"),\"alt\":\"\"}}),_vm._v(\"\\n 全标已读\\n \")])]),_c('button',{staticClass:\"header-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.swipeCellList.openOrCloseEdit()}}},[_vm._v(\"\\n \"+_vm._s(_vm.swipeCellList && _vm.swipeCellList.edit ? \"取消\" : \"管理\")+\"\\n \")])])]),_c('swipe-cell-list',{ref:\"swipeCellList\",attrs:{\"option\":_vm.swipeCellOption},scopedSlots:_vm._u([{key:\"item\",fn:function({ item }){return [_c('div',{staticClass:\"my-collection-item-column\"},[_c('div',{staticClass:\"like-me-top\",on:{\"click\":function($event){_vm.unreadChange(item.id, 1, false).then(() => (item.is_read = 1))}}},[_c('div',{staticClass:\"like-me-top-top\"},[_c('div',{staticClass:\"like-me-top-top-img-box\"},[(item.headimg)?_c('img',{staticClass:\"like-me-top-top-img\",attrs:{\"src\":item.headimg,\"alt\":\"\"}}):_c('img',{staticClass:\"like-me-top-top-img\",attrs:{\"src\":require(\"@/assets/avatar.png\"),\"alt\":\"\"}}),(!item.is_read)?_c('span',{staticClass:\"like-me-top-top-img-box-tag\"},[_vm._v(\"未读\")]):_vm._e()]),_c('div',{staticClass:\"reply-between-box\"},[_c('div',{staticClass:\"like-me-top-top-sidebar\"},[_c('p',{staticClass:\"like-me-top-top-name\"},[_c('text-hide',{attrs:{\"val\":item.user_name || '匿名用户',\"max-size\":10,\"hide-btn\":true}})],1),_c('p',{staticClass:\"like-me-top-top-time\"},[_vm._v(_vm._s(item.create_at))])]),_c('button',{staticClass:\"reply-btn-blue\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$refs.commentPost.showFn(item)}}},[_vm._v(\"\\n 回复\\n \")])])]),_c('p',{staticClass:\"like-me-top-bottom\"},[_c('text-hide-by-line',{attrs:{\"val\":item.content}},[_vm._v(\"\\n @\"),_c('text-hide',{attrs:{\"val\":item.user_name || '匿名用户',\"max-size\":10,\"hide-btn\":true}}),_vm._v(\"：\\n \")],1)],1)]),_c('div',{staticClass:\"my-collection-module\",on:{\"click\":function($event){return _vm.toDetail(item)}}},[_c('div',{staticClass:\"comment-on\"},[_c('text-hide-by-line',{attrs:{\"val\":item.parent_comment.content,\"bg-color\":\"#F3F3F3\"}},[_vm._v(\"\\n @\"),_c('text-hide',{attrs:{\"val\":item.parent_comment.name || '匿名用户',\"max-size\":10,\"hide-btn\":true}}),_vm._v(\"：\\n \")],1)],1),_c('div',{staticClass:\"my-collection-module-top\"},[(item.is_normal === 0)?_c('div',{staticClass:\"my-collection-module-top-img-box\"},[_c('img',{staticClass:\"my-collection-module-top-img\",attrs:{\"src\":require(\"@/assets/icon-175.png\"),\"alt\":\"\"}})]):_c('div',{staticClass:\"my-collection-module-top-img-box\"},[_c('img',{staticClass:\"my-collection-module-top-img\",attrs:{\"src\":item.parent_comment.cover,\"alt\":\"\"}}),_c('span',{staticClass:\"my-collection-module-top-type\",style:({\n background: _vm.typeList[item.parent_comment.is_over].color,\n })},[_vm._v(_vm._s(_vm.typeList[item.parent_comment.is_over].label))])]),_c('div',{staticClass:\"my-collection-module-top-sidebar\"},[_c('div',{staticClass:\"my-collection-module-top-sidebar-top\"},[_c('p',{staticClass:\"my-collection-module-top-sidebar-title\"},[_c('text-highlight',{attrs:{\"val\":item.parent_comment.title,\"highlight-key\":_vm.swipeCellList.searchKeyword}})],1)]),_c('div',{staticClass:\"my-collection-module-top-sidebar-bottom\"},[_c('p',{staticClass:\"my-collection-module-top-sidebar-row1\"},[(item.app_logo)?_c('img',{staticClass:\"like-me-top-top-img\",attrs:{\"src\":item.headimg,\"alt\":\"\"}}):_c('img',{staticClass:\"like-me-top-top-img\",attrs:{\"src\":require(\"@/assets/avatar.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(item.user_name || \"匿名用户\"))])]),_c('p',{staticClass:\"my-collection-module-top-sidebar-row2\"},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-83.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(item.parent_comment.read_num))])])])])])])])]}}])}),_c('van-overlay',{attrs:{\"show\":_vm.deletePopup,\"z-index\":\"99999\"},on:{\"click\":function($event){_vm.deletePopup = false}}},[_c('div',{staticClass:\"window\"},[_c('span',{staticClass:\"window-text\"},[_vm._v(\"确定要删除已选信息\")]),_c('div',{staticClass:\"window-btn-box\"},[_c('button',{staticClass:\"cancel\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.deletePopup = false}}},[_vm._v(\"\\n 取消\\n \")]),_c('button',{staticClass:\"confirm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.batchesDel(_vm.checkIds)}}},[_vm._v(\"\\n 确定\\n \")])])])]),_c('van-overlay',{attrs:{\"show\":_vm.oneDeletePopup,\"z-index\":\"99999\"},on:{\"click\":function($event){_vm.oneDeletePopup = false}}},[_c('div',{staticClass:\"window\"},[_c('span',{staticClass:\"window-text\"},[_vm._v(\"确定要删除该信息\")]),_c('div',{staticClass:\"window-btn-box\"},[_c('button',{staticClass:\"cancel\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.oneDeletePopup = false}}},[_vm._v(\"\\n 取消\\n \")]),_c('button',{staticClass:\"confirm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.batchesDel(_vm.checkIds)}}},[_vm._v(\"\\n 确定\\n \")])])])]),_c('comment-post',{ref:\"commentPost\",attrs:{\"post-api\":_vm.option.postApi,\"post-reply-api\":_vm.option.postReplyApi},on:{\"submit\":function($event){return _vm.option.submit()}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"wrap\">\r\n <div class=\"header-wrap\" ref=\"header\">\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 <p class=\"header-title\">\r\n 回复我的\r\n <button\r\n type=\"button\"\r\n class=\"full-mark-read\"\r\n @click=\"unreadChangeAll(swipeCellList.list)\"\r\n >\r\n <img src=\"@/assets/icon-181.png\" alt=\"\" />\r\n 全标已读\r\n </button>\r\n </p>\r\n <button\r\n type=\"button\"\r\n class=\"header-btn\"\r\n @click=\"swipeCellList.openOrCloseEdit()\"\r\n >\r\n {{ swipeCellList && swipeCellList.edit ? \"取消\" : \"管理\" }}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <swipe-cell-list ref=\"swipeCellList\" :option=\"swipeCellOption\">\r\n <template #item=\"{ item }\">\r\n <div class=\"my-collection-item-column\">\r\n <div\r\n class=\"like-me-top\"\r\n @click=\"\r\n unreadChange(item.id, 1, false).then(() => (item.is_read = 1))\r\n \"\r\n >\r\n <div class=\"like-me-top-top\">\r\n <div class=\"like-me-top-top-img-box\">\r\n <img\r\n :src=\"item.headimg\"\r\n class=\"like-me-top-top-img\"\r\n v-if=\"item.headimg\"\r\n alt=\"\"\r\n />\r\n <img\r\n src=\"@/assets/avatar.png\"\r\n class=\"like-me-top-top-img\"\r\n v-else\r\n alt=\"\"\r\n />\r\n <span class=\"like-me-top-top-img-box-tag\" v-if=\"!item.is_read\"\r\n >未读</span\r\n >\r\n </div>\r\n <div class=\"reply-between-box\">\r\n <div class=\"like-me-top-top-sidebar\">\r\n <p class=\"like-me-top-top-name\">\r\n <text-hide\r\n :val=\"item.user_name || '匿名用户'\"\r\n :max-size=\"10\"\r\n :hide-btn=\"true\"\r\n />\r\n </p>\r\n <p class=\"like-me-top-top-time\">{{ item.create_at }}</p>\r\n </div>\r\n <button\r\n type=\"button\"\r\n class=\"reply-btn-blue\"\r\n @click=\"$refs.commentPost.showFn(item)\"\r\n >\r\n 回复\r\n </button>\r\n </div>\r\n </div>\r\n <p class=\"like-me-top-bottom\">\r\n <text-hide-by-line :val=\"item.content\">\r\n @<text-hide\r\n :val=\"item.user_name || '匿名用户'\"\r\n :max-size=\"10\"\r\n :hide-btn=\"true\"\r\n />：\r\n </text-hide-by-line>\r\n </p>\r\n </div>\r\n <div class=\"my-collection-module\" @click=\"toDetail(item)\">\r\n <div class=\"comment-on\">\r\n <text-hide-by-line\r\n :val=\"item.parent_comment.content\"\r\n bg-color=\"#F3F3F3\"\r\n >\r\n @<text-hide\r\n :val=\"item.parent_comment.name || '匿名用户'\"\r\n :max-size=\"10\"\r\n :hide-btn=\"true\"\r\n />：\r\n </text-hide-by-line>\r\n </div>\r\n <div class=\"my-collection-module-top\">\r\n <!-- 失效时候显示 -->\r\n <div\r\n class=\"my-collection-module-top-img-box\"\r\n v-if=\"item.is_normal === 0\"\r\n >\r\n <img\r\n src=\"@/assets/icon-175.png\"\r\n class=\"my-collection-module-top-img\"\r\n alt=\"\"\r\n />\r\n </div>\r\n <!-- 正常 -->\r\n <div class=\"my-collection-module-top-img-box\" v-else>\r\n <img\r\n :src=\"item.parent_comment.cover\"\r\n class=\"my-collection-module-top-img\"\r\n alt=\"\"\r\n />\r\n <span\r\n class=\"my-collection-module-top-type\"\r\n :style=\"{\r\n background: typeList[item.parent_comment.is_over].color,\r\n }\"\r\n >{{ typeList[item.parent_comment.is_over].label }}</span\r\n >\r\n </div>\r\n <div class=\"my-collection-module-top-sidebar\">\r\n <div class=\"my-collection-module-top-sidebar-top\">\r\n <p class=\"my-collection-module-top-sidebar-title\">\r\n <text-highlight\r\n :val=\"item.parent_comment.title\"\r\n :highlight-key=\"swipeCellList.searchKeyword\"\r\n />\r\n </p>\r\n </div>\r\n <div class=\"my-collection-module-top-sidebar-bottom\">\r\n <p class=\"my-collection-module-top-sidebar-row1\">\r\n <img\r\n :src=\"item.headimg\"\r\n class=\"like-me-top-top-img\"\r\n v-if=\"item.app_logo\"\r\n alt=\"\"\r\n />\r\n <img\r\n src=\"@/assets/avatar.png\"\r\n class=\"like-me-top-top-img\"\r\n v-else\r\n alt=\"\"\r\n />\r\n <span>{{ item.user_name || \"匿名用户\" }}</span>\r\n </p>\r\n <p class=\"my-collection-module-top-sidebar-row2\">\r\n <img src=\"@/assets/icon-83.png\" alt=\"\" />\r\n <span>{{ item.parent_comment.read_num }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n </swipe-cell-list>\r\n\r\n <!-- 多选删除弹窗 -->\r\n <van-overlay\r\n :show=\"deletePopup\"\r\n @click=\"deletePopup = false\"\r\n z-index=\"99999\"\r\n >\r\n <div class=\"window\">\r\n <span class=\"window-text\">确定要删除已选信息</span>\r\n <div class=\"window-btn-box\">\r\n <button type=\"button\" class=\"cancel\" @click=\"deletePopup = false\">\r\n 取消\r\n </button>\r\n <button type=\"button\" class=\"confirm\" @click=\"batchesDel(checkIds)\">\r\n 确定\r\n </button>\r\n </div>\r\n </div>\r\n </van-overlay>\r\n\r\n <!-- 评论我的-删除弹窗 -->\r\n <van-overlay\r\n :show=\"oneDeletePopup\"\r\n @click=\"oneDeletePopup = false\"\r\n z-index=\"99999\"\r\n >\r\n <div class=\"window\">\r\n <span class=\"window-text\">确定要删除该信息</span>\r\n <div class=\"window-btn-box\">\r\n <button type=\"button\" class=\"cancel\" @click=\"oneDeletePopup = false\">\r\n 取消\r\n </button>\r\n <button type=\"button\" class=\"confirm\" @click=\"batchesDel(checkIds)\">\r\n 确定\r\n </button>\r\n </div>\r\n </div>\r\n </van-overlay>\r\n\r\n <comment-post\r\n ref=\"commentPost\"\r\n :post-api=\"option.postApi\"\r\n :post-reply-api=\"option.postReplyApi\"\r\n @submit=\"option.submit()\"\r\n />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { DemandService } from \"@/common/service\";\r\nimport { Toast } from \"vant\";\r\nimport SwipeCellList from \"@/components/swipe-cell-list.vue\";\r\nimport TextHighlight from \"@/components/text-highlight.vue\";\r\nimport TextHide from \"@/components/text-hide.vue\";\r\nimport CommentPost from \"@/components/comment-post.vue\";\r\nimport TextHideByLine from \"@/components/text-hide-by-line.vue\";\r\n\r\nexport default {\r\n components: {\r\n TextHideByLine,\r\n CommentPost,\r\n TextHide,\r\n TextHighlight,\r\n SwipeCellList,\r\n // VideoTime,\r\n },\r\n data() {\r\n return {\r\n //多选删除弹窗\r\n deletePopup: false,\r\n // 评论我的-删除弹窗\r\n oneDeletePopup: false,\r\n\r\n option: {\r\n submit: () => {\r\n Toast(\"回复成功\");\r\n },\r\n // 发布评论\r\n postApi: (params) =>\r\n DemandService.demandComment({\r\n ...params,\r\n }),\r\n // 回复评论\r\n postReplyApi: (params, comment) =>\r\n DemandService.demandSecondComment({\r\n ...params,\r\n id: comment.id,\r\n }),\r\n },\r\n\r\n checkIds: \"\",\r\n\r\n swipeCellOption: {\r\n showSearch: true,\r\n searchKey: \"title\",\r\n\r\n nextItemShow: true,\r\n nextItemFilter: (item) => item.is_read !== 1,\r\n getHeaderHeight: () => this.$refs.header.offsetHeight,\r\n\r\n listApi: (params) => DemandService.getReplyComment(params),\r\n itemButtons: [\r\n {\r\n text: (item) => (item.is_read === 1 ? \"标记未读\" : \"标记已读\"),\r\n bgColor: \"#2A63F3\",\r\n click: (item) => {\r\n const is_read = item.is_read === 1 ? 0 : 1;\r\n return this.unreadChange(item.id, is_read).then(() => {\r\n item.is_read = is_read;\r\n });\r\n },\r\n },\r\n {\r\n text: \"删除\",\r\n bgColor: \"#FFAE18\",\r\n click: (item) => {\r\n this.checkIds = item.id;\r\n this.oneDeletePopup = true;\r\n },\r\n },\r\n ],\r\n bottomButtons: [\r\n {\r\n text: \"已读\",\r\n bgColor: \"#2A63F3\",\r\n click: (items) => {\r\n if (items.length === 0) {\r\n return Toast(\"请至少选择一个\");\r\n }\r\n this.unreadChangeAll(items);\r\n },\r\n },\r\n {\r\n text: \"删除\",\r\n bgColor: \"#FFAE18\",\r\n click: (items = []) => {\r\n if (items.length === 0) {\r\n return Toast(\"请至少选择一个\");\r\n }\r\n this.checkIds = items.map((item) => item.id).join(\",\");\r\n this.deletePopup = true;\r\n },\r\n },\r\n ],\r\n },\r\n swipeCellList: null,\r\n typeList: [\r\n { label: \"待解决\", color: \"#ffaf18\" },\r\n { label: \"已解决\", color: \"#46d169\" },\r\n { label: \"开源项目\", color: \"#2A63F3\" },\r\n ],\r\n };\r\n },\r\n mounted() {\r\n this.swipeCellList = this.$refs.swipeCellList;\r\n },\r\n methods: {\r\n toDetail(item) {\r\n this.unreadChange(item.id, 1, false).then(() => (item.is_read = 1));\r\n if (item.is_normal === 0) return Toast(\"已下架\");\r\n this.$router.push(`/demand-details?id=${item.demand_id}`);\r\n },\r\n\r\n // 标记已读、未读\r\n unreadChange(ids, is_read, showToast = true) {\r\n return DemandService.unreadChange({\r\n id: ids,\r\n type: 2, // 消息类型【1 评论我的，2 回复我的 3 追番消息】\r\n is_read, // 变更类型【0 消息变更为未读 1 变更为已读】\r\n }).then(({ msg }) => {\r\n if (showToast) {\r\n Toast(msg);\r\n }\r\n });\r\n },\r\n\r\n // 已读提示\r\n unreadChangeAll(items) {\r\n // items.map(item => item.id).join(',')\r\n return this.unreadChange(\"\", 1, false).then(() => {\r\n this.$toast(\"已将所选消息标为已读\");\r\n items.forEach((item) => (item.is_read = 1));\r\n this.swipeCellList.openOrCloseEdit(true);\r\n });\r\n },\r\n\r\n // 删除\r\n batchesDel(ids) {\r\n return DemandService.batchesDel({\r\n id: ids,\r\n type: 3,\r\n }).then(({ msg }) => {\r\n Toast(msg);\r\n this.swipeCellList.resetList();\r\n this.swipeCellList.openOrCloseEdit(true);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* 头部样式 */\r\n.header-wrap {\r\n width: 100%;\r\n height: 44px;\r\n /* \theight: 102px; */\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-wrap-tab-list-none {\r\n height: 80px;\r\n padding-bottom: 10px;\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: center;\r\n background-color: #ffffff;\r\n z-index: 999;\r\n /* padding: 0 15px; */\r\n position: relative;\r\n box-sizing: border-box;\r\n}\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 z-index: 99999;\r\n}\r\n\r\n.header-title {\r\n width: 100%;\r\n text-align: center;\r\n color: #333333;\r\n font-size: 18px;\r\n font-weight: bold;\r\n position: relative;\r\n}\r\n\r\n.full-mark-read {\r\n position: absolute;\r\n right: 73px;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n color: #2a63f3;\r\n font-size: 11px;\r\n padding: 0 6px;\r\n border-radius: 50px;\r\n background-color: #f2f6ff;\r\n height: 20px;\r\n line-height: 20px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.full-mark-read > img {\r\n width: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.header-btn {\r\n color: #222222;\r\n font-size: 14px;\r\n position: absolute;\r\n padding: 0 12px;\r\n right: 0;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n}\r\n\r\n.search-box {\r\n width: 100%;\r\n height: 56px;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 12px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.search-bar {\r\n flex: 1;\r\n height: 36px;\r\n background-color: #ffffff;\r\n border-radius: 100px;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.search-icon {\r\n width: 16px;\r\n margin-right: 8px;\r\n}\r\n\r\n.search-input {\r\n flex: 1;\r\n font-size: 14px;\r\n}\r\n\r\n.search-input::placeholder {\r\n color: #888888;\r\n}\r\n\r\n.tab-list > li {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 38px;\r\n line-height: 38px;\r\n font-size: 16px;\r\n color: #555555;\r\n position: relative;\r\n}\r\n\r\n.tab-list > li.active {\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #222222;\r\n}\r\n\r\n.tab-list > li.active::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n background: linear-gradient(90deg, #2a63f3, #81b8ff);\r\n border-radius: 2px;\r\n width: 18px;\r\n height: 4px;\r\n}\r\n\r\n.wrap {\r\n width: 100%;\r\n min-height: calc(100vh - 44px);\r\n display: flex;\r\n flex-direction: column;\r\n margin: 44px 0 0;\r\n box-sizing: border-box;\r\n background: #f4f4f4;\r\n}\r\n\r\n.wrap-tab-list-none {\r\n height: calc(100vh - 90px);\r\n margin: 90px 0 0;\r\n}\r\n\r\n.sub-list {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 12px 15px;\r\n box-sizing: border-box;\r\n /*height: 100%;*/\r\n overflow: auto;\r\n}\r\n\r\n.sub-list > li {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n background-color: #ffffff;\r\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);\r\n border-radius: 12px;\r\n margin-bottom: 12px;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n position: relative;\r\n}\r\n\r\n.sub-list > li:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.float-box {\r\n position: fixed;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n bottom: 40px;\r\n z-index: 499;\r\n}\r\n\r\n.float-box > button {\r\n min-width: 175px;\r\n height: 44px;\r\n line-height: 44px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: #2a63f3;\r\n border-radius: 100px;\r\n color: #ffffff;\r\n font-size: 18px;\r\n font-weight: bold;\r\n}\r\n\r\n.module {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 5px 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.time {\r\n width: 100%;\r\n color: #7f7f7f;\r\n font-size: 10px;\r\n margin-bottom: 12px;\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 align-items: center;\r\n margin-bottom: 12px;\r\n background-color: #ffffff;\r\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);\r\n border-radius: 12px;\r\n padding: 12px 10px 14px 18px;\r\n box-sizing: border-box;\r\n position: relative;\r\n}\r\n\r\n.list > li:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.img-box {\r\n width: 26px;\r\n height: 30px;\r\n position: relative;\r\n margin-right: 16px;\r\n}\r\n\r\n.img {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.tag {\r\n width: 34px;\r\n height: 14px;\r\n line-height: 14px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: linear-gradient(90deg, #ffcd7c, #ffeeba);\r\n border-radius: 0 7px 0 7px;\r\n color: #222222;\r\n font-size: 12px;\r\n font-weight: bold;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n.tag-black {\r\n width: 34px;\r\n height: 14px;\r\n line-height: 14px;\r\n background: rgba(0, 0, 0, 0.8);\r\n border-radius: 50px;\r\n color: #ffffff;\r\n font-size: 9px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: absolute;\r\n right: 8px;\r\n bottom: 8px;\r\n}\r\n\r\n.item-sidebar {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.item-name {\r\n width: 100%;\r\n line-height: 21px;\r\n color: #222222;\r\n font-size: 15px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.row {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n color: #999999;\r\n font-size: 12px;\r\n}\r\n\r\n.avatar {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n margin-right: 4px;\r\n object-fit: cover;\r\n}\r\n\r\n.row2 {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n color: #999999;\r\n font-size: 12px;\r\n}\r\n\r\n.play-icon {\r\n width: 12px;\r\n margin-right: 4px;\r\n}\r\n\r\n.item-between {\r\n width: 100%;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n}\r\n\r\n.circle-btn {\r\n width: 13px;\r\n height: 13px;\r\n}\r\n\r\n.circle-icon {\r\n width: 13px;\r\n}\r\n\r\n.font-1 {\r\n font-size: 10px;\r\n color: #888888;\r\n}\r\n\r\n.normal-box-small {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n font-size: 16px;\r\n color: #888888;\r\n padding: 48px 0;\r\n}\r\n\r\n.normal-box-small > img {\r\n width: 195.2px;\r\n margin-bottom: 38px;\r\n}\r\n\r\n.my-collection-list {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 0 12px 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.my-collection-list > li {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n padding-top: 14px;\r\n padding-bottom: 10px;\r\n padding-right: 10px;\r\n padding-left: 10px;\r\n box-sizing: border-box;\r\n background-color: #ffffff;\r\n border-radius: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.my-circle-box {\r\n padding-right: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.my-circle-box > img {\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.my-collection-module {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: #f3f3f3;\r\n border-radius: 6px;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.my-collection-module-top {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.my-collection-module-top-img-box {\r\n width: 130px;\r\n height: 73px;\r\n border-radius: 6px;\r\n overflow: hidden;\r\n position: relative;\r\n margin-right: 10px;\r\n}\r\n\r\n.my-collection-module-top-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.my-collection-module-top-type {\r\n border-radius: 2px;\r\n font-size: 12px;\r\n padding: 1px 4px;\r\n color: #ffffff;\r\n position: absolute;\r\n left: 7px;\r\n top: 4px;\r\n}\r\n\r\n.my-collection-module-top-sidebar {\r\n flex: 1;\r\n height: 73px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n\r\n.my-collection-module-top-sidebar-top {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.my-collection-module-top-sidebar-title {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 14px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.my-collection-module-top-sidebar-sub-title {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 14px;\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.my-collection-module-top-sidebar-bottom {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.my-collection-module-top-sidebar-row1 {\r\n color: #666666;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n margin-right: 8px;\r\n}\r\n\r\n.my-collection-module-top-sidebar-row1 > span {\r\n max-width: 73px;\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.my-collection-module-top-sidebar-row1 > img {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n margin-right: 2px;\r\n}\r\n\r\n.my-collection-module-top-sidebar-row2 {\r\n color: #999999;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.my-collection-module-top-sidebar-row2 > span {\r\n /* \tmax-width: 45px;\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.my-collection-module-top-sidebar-row2 > img {\r\n width: 12px;\r\n margin-right: 2px;\r\n}\r\n\r\n.my-collection-module-bottom {\r\n width: 100%;\r\n height: 45px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.my-collection-module-bottom-btn {\r\n display: flex;\r\n align-items: center;\r\n color: #333333;\r\n font-size: 12px;\r\n}\r\n\r\n.my-collection-module-bottom-btn.active {\r\n color: #2a63f3;\r\n}\r\n\r\n.my-collection-module-bottom-btn > img {\r\n width: 16px;\r\n margin-right: 4px;\r\n}\r\n\r\n.footer {\r\n width: 100%;\r\n height: 83px;\r\n box-sizing: border-box;\r\n padding-top: 8px;\r\n background-color: #ffffff;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 999;\r\n}\r\n\r\n.footer-wrap {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 12px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.footer-wrap-sidebar {\r\n flex: 1;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n}\r\n\r\n.footer-wrap-sidebar > button {\r\n margin-right: 14px;\r\n}\r\n\r\n.footer-wrap-sidebar > button:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.footer-wrap-sidebar > button.blue {\r\n background-color: #2a63f3;\r\n}\r\n\r\n.footer-wrap-sidebar > button.yellow {\r\n background-color: #ffaf18;\r\n}\r\n\r\n.footer-all-btn {\r\n display: flex;\r\n align-items: center;\r\n color: #999999;\r\n font-size: 14px;\r\n}\r\n\r\n.footer-all-btn > img {\r\n width: 24px;\r\n margin-right: 4px;\r\n}\r\n\r\n.cancel-collection-btn {\r\n background-color: #ffaf18;\r\n border-radius: 50px;\r\n width: 100px;\r\n height: 40px;\r\n color: #ffffff;\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.font-10 {\r\n color: #666666;\r\n font-size: 11px;\r\n}\r\n\r\n.font-11 {\r\n color: #ff6700;\r\n font-size: 11px;\r\n margin: 0 10px;\r\n}\r\n\r\n.header-tab-list {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n height: 40px;\r\n border-top: 1px solid #f4f4f4;\r\n box-sizing: border-box;\r\n background-color: #ffffff;\r\n}\r\n\r\n.header-tab-list > li {\r\n flex: 1;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #222222;\r\n font-size: 15px;\r\n position: relative;\r\n}\r\n\r\n.header-tab-list > li.active {\r\n color: #2a63f3;\r\n font-weight: bold;\r\n}\r\n\r\n.header-tab-list > li.active::after {\r\n content: \"\";\r\n border-radius: 2px;\r\n background-color: #2a63f3;\r\n width: 34px;\r\n height: 3px;\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n}\r\n\r\n.header-tab-circle {\r\n color: #ffffff;\r\n font-size: 10px;\r\n min-width: 12px;\r\n height: 12px;\r\n line-height: 12px;\r\n padding: 0 2px;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-left: 2px;\r\n background-color: #ff5143;\r\n border-radius: 50%;\r\n}\r\n\r\n.subscribe-messages-module {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.subscribe-messages-head-between {\r\n width: 100%;\r\n height: 45px;\r\n border-bottom: 1px solid #f4f4f4;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.subscribe-messages-head-left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.font-12 {\r\n flex: 1;\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 color: #222222;\r\n font-size: 15px;\r\n font-weight: bold;\r\n}\r\n\r\n.font-13 {\r\n margin-left: 4px;\r\n border-radius: 50px;\r\n background-color: #ff5143;\r\n padding: 0 5px;\r\n height: 16px;\r\n line-height: 16px;\r\n display: flex;\r\n align-items: center;\r\n color: #ffffff;\r\n font-size: 10px;\r\n}\r\n\r\n.subscribe-messages-head-right {\r\n color: #999999;\r\n font-size: 12px;\r\n margin-left: 6px;\r\n}\r\n\r\n.subscribe-messages-bottom {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 9px 0 13px;\r\n}\r\n\r\n.subscribe-messages-bottom-title {\r\n width: 100%;\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 color: #222222;\r\n font-size: 13px;\r\n}\r\n\r\n.subscribe-messages-bottom-btn-box {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n margin-top: 12px;\r\n}\r\n\r\n.subscribe-messages-bottom-btn {\r\n color: #222222;\r\n font-size: 11px;\r\n padding: 0 11px;\r\n height: 24px;\r\n line-height: 24px;\r\n border: 1px solid #979797;\r\n box-sizing: border-box;\r\n border-radius: 50px;\r\n width: fit-content;\r\n background-color: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.next-unread {\r\n width: 108px;\r\n height: 30px;\r\n border-radius: 15px 0 0 15px;\r\n border: 1px solid #2a63f3;\r\n background-color: #ffffff;\r\n position: fixed;\r\n right: 0;\r\n bottom: 68px;\r\n z-index: 9999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #2a63f3;\r\n font-size: 12px;\r\n}\r\n\r\n.next-unread > img {\r\n width: 12px;\r\n margin-right: 2px;\r\n}\r\n\r\n.like-me-top {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.like-me-top-top {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.like-me-top-top-img-box {\r\n position: relative;\r\n}\r\n\r\n.like-me-top-top-img-box-tag {\r\n position: absolute;\r\n left: 6%;\r\n top: -6%;\r\n color: #ffffff;\r\n font-size: 10px;\r\n height: 16px;\r\n background-color: #ff5143;\r\n border-radius: 30px;\r\n line-height: 16px;\r\n padding: 0 5px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.like-me-top-top-img {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n}\r\n\r\n.like-me-top-top-sidebar {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.like-me-top-top-name {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 14px;\r\n}\r\n\r\n.like-me-top-top-time {\r\n width: 100%;\r\n color: #999999;\r\n font-size: 10px;\r\n}\r\n\r\n.like-me-top-bottom {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 14px;\r\n margin-top: 10px;\r\n}\r\n\r\n.comment-on {\r\n width: 100%;\r\n color: #666666;\r\n font-size: 14px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.full-text-btn {\r\n color: #2a63f3;\r\n font-size: 14px;\r\n}\r\n\r\n.reply-between-box {\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.reply-btn-blue {\r\n color: #2a63f3;\r\n font-size: 11px;\r\n width: 50px;\r\n height: 24px;\r\n line-height: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border: 1px solid #2a63f3;\r\n border-radius: 40px;\r\n background-color: #ffffff;\r\n}\r\n\r\n.my-collection-item-column {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 10px;\r\n}\r\n\r\n.window {\r\n width: calc(100% - 54px);\r\n height: 180px;\r\n border-radius: 12px;\r\n background-color: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 38px 25px 32px;\r\n box-sizing: border-box;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 1000;\r\n}\r\n\r\n.window-text {\r\n color: #222222;\r\n font-size: 18px;\r\n}\r\n\r\n.window-btn-box {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n margin-top: 43px;\r\n}\r\n\r\n.window-btn-box > button {\r\n flex: 1;\r\n height: 42px;\r\n font-size: 17px;\r\n margin-right: 27px;\r\n border-radius: 50px;\r\n}\r\n\r\n.window-btn-box > button:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.window-btn-box > button.cancel {\r\n background-color: #f4f4f4;\r\n color: #333333;\r\n}\r\n\r\n.window-btn-box > button.confirm {\r\n background-color: #2a63f3;\r\n color: #ffffff;\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!./demand-reply-to-me.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!./demand-reply-to-me.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./demand-reply-to-me.vue?vue&type=template&id=b2e7913c&scoped=true&\"\nimport script from \"./demand-reply-to-me.vue?vue&type=script&lang=js&\"\nexport * from \"./demand-reply-to-me.vue?vue&type=script&lang=js&\"\nimport style0 from \"./demand-reply-to-me.vue?vue&type=style&index=0&id=b2e7913c&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 \"b2e7913c\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAipJREFUSEvtlT+I03AUx78vqUlxUwSHLv67gjqI4KAIelUQ3Rx0FYptk3boqG6l251jhzZJcxRnEXRSBO0piA6COKhQOb2lgyC6SdM2efI7ktKL6fWOlgxyvy2/vHw/v+/Le+9HiHlRzDzsAuee8R2ltNVqJfv9/iEAB/yT/FQUZT2bzfa2e7KpQNu29zPzLWa+wcxnAKghcYeI3jPzI1mWH+RyuV9bwScChZvBYHCHme8C2LtNB38A3FcUZXmS60igbdvHXNd9AuBECNQH8JKIPop9Zj4F4BIAJRT3mZmv67r+NXzQf4CNRuO0JEkvAOwbDyai1eFweLtUKn0b36/X60cSicQKMy+GxH97nne5WCx+2KQz/tBsNg97nvcWwMEwjJmvaJo2qNVqajKZPCve93q9d+Vy2TFNcw8RPY+A/pAk6Vw+n/8e6I0cVioVKZVKvWbm8+E0uq57XDjz3T8EcNSPWfM876ZwIZzKsvwlnF4ietPtdi9Uq1VPfDMCmqapATAiiuOZpmnXhDNVVT+NwYLQNcdxTvpOnwK4GqGha5pmjoDtdjvR6XTEDxY9tmkx87Ku6/csy7rIzKtR1UpEi4VC4ZVhGEtEJKo6vNbT6fRCJpMZbjicF9CyrCW/jbYGirexplQAYy8aAY21LYKkx9r4AdQwjAUiejxptDHzxmgjotlHWwCNdXiP13Rs11NUg8dyAUeBZ9mbeuPPIh45BuctOE3v/3f4F13lcCw5+yazAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/icon-175.d86870bd.png\";","var dP = require('./_object-dp').f;\nvar FProto = Function.prototype;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// 19.2.4.2 name\nNAME in FProto || require('./_descriptors') && dP(FProto, NAME, {\n configurable: true,\n get: function () {\n try {\n return ('' + this).match(nameRE)[1];\n } catch (e) {\n return '';\n }\n }\n});\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAOxJREFUWEft1bENwjAQheE/HRuwA2NQ0TIBFRVLMAjMQEtFyQhIjMAGVAhZsiULBZ995yKIS3tx8uX5Lh6Y2DVMzIODpB3xhDwhKQGp7j30twmt4pefpQSkeo8eCphTfNEaMKGsoISZRdATMKEsoBxzi6AFYEJpQZ+YZQRdABNKAxrDPCJoDphQraASJg2QCdUCqsGYUbWgFowJVQPSYNQoCWTBqFAlUA9MM6oE2gBH4A6E/0wabek4+lbPp+8AbMdulLYsHAPXDpg8qR2wB14akDYN9TopIfWDtQsdJCXnCXlCUgJS3Xvo5xJ6A/WPQiV5qJTwAAAAAElFTkSuQmCC\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"text-hide\"},[_c('text-highlight',{attrs:{\"val\":_vm.content,\"highlight-key\":_vm.highlightKey,\"color\":_vm.color}}),(!_vm.hideBtn)?_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.valSize > _vm.maxSize),expression:\"valSize > maxSize\"}],staticClass:\"full-text\",on:{\"click\":function($event){$event.stopPropagation();_vm.showAll = !_vm.showAll}}},[_vm._v(\"\\n \"+_vm._s(_vm.showAll ? '收起' : '全文')+\"\\n \")]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <span class=\"text-hide\">\r\n <text-highlight :val=\"content\" :highlight-key=\"highlightKey\" :color=\"color\"/>\r\n <span\r\n class=\"full-text\"\r\n @click.stop=\"showAll = !showAll\"\r\n v-show=\"valSize > maxSize\"\r\n v-if=\"!hideBtn\"\r\n >\r\n {{ showAll ? '收起' : '全文' }}\r\n </span>\r\n </span>\r\n</template>\r\n\r\n<script>\r\n\r\nimport TextHighlight from \"@/components/text-highlight.vue\";\r\nimport {getStringByMaxSize, getStringSize} from \"@/common/util\";\r\n\r\nexport default {\r\n name: 'text-hide',\r\n components: {TextHighlight},\r\n props: {\r\n val: {\r\n default: '',\r\n },\r\n maxSize: {\r\n default: 50,\r\n },\r\n hideBtn: {\r\n default: false,\r\n },\r\n highlightKey: {\r\n default: '',\r\n },\r\n color: {\r\n default: '#FF6700',\r\n },\r\n },\r\n data() {\r\n return {\r\n showAll: false,\r\n };\r\n },\r\n computed: {\r\n valSize() {\r\n return getStringSize(this.val);\r\n },\r\n content() {\r\n const maxSize = this.maxSize;\r\n let val = this.val;\r\n if (!this.showAll && this.valSize > maxSize && maxSize > 0) {\r\n val = getStringByMaxSize(val, maxSize) + '...';\r\n }\r\n return val;\r\n },\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.full-text {\r\n color: #2A63F3;\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!./text-hide.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!./text-hide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./text-hide.vue?vue&type=template&id=76d332c4&scoped=true&\"\nimport script from \"./text-hide.vue?vue&type=script&lang=js&\"\nexport * from \"./text-hide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./text-hide.vue?vue&type=style&index=0&id=76d332c4&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 \"76d332c4\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{ref:\"textHide\",staticClass:\"text-hide-by-line ellipsis\",style:({\n lineClamp: _vm.showAll ? _vm.contentLine + 2 : _vm.maxLine,\n background: _vm.bgColor,\n})},[(_vm.contentLine === 0)?_c('span',{ref:\"textFixed\",staticClass:\"text-hide-by-line text-hide-by-line-fixed\"},[_vm._t(\"default\"),_c('text-highlight',{attrs:{\"val\":_vm.content,\"highlight-key\":_vm.highlightKey,\"color\":_vm.color}}),_c('span',{staticClass:\"full-text\",staticStyle:{\"position\":\"relative\"}},[_vm._v(\"全文\")])],2):_vm._e(),_vm._t(\"default\"),_c('text-highlight',{attrs:{\"val\":_vm.content,\"highlight-key\":_vm.highlightKey,\"color\":_vm.color}}),(!_vm.hideBtn && _vm.btnType === 'text')?_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.contentLine > _vm.maxLine),expression:\"contentLine > maxLine\"}],staticClass:\"full-text\",style:({\n background: _vm.bgColor,\n position: _vm.showAll ? 'relative' : 'absolute',\n }),on:{\"click\":function($event){$event.stopPropagation();_vm.showAll = !_vm.showAll}}},[_vm._v(\"\\n \"+_vm._s(_vm.showAll ? '收起' : '全文')+\"\\n \")]):_vm._e(),(!_vm.hideBtn && _vm.btnType === 'icon')?_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.contentLine > _vm.maxLine),expression:\"contentLine > maxLine\"}],staticClass:\"full-text-icon\",style:({\n background: _vm.bgColor,\n width: _vm.fontSize + 'px',\n height: _vm.fontSize + 'px',\n }),on:{\"click\":function($event){$event.stopPropagation();_vm.showAll = !_vm.showAll}}},[(_vm.showAll)?_c('img',{attrs:{\"src\":require(\"../assets/icon-152.png\"),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require(\"../assets/icon-151.png\"),\"alt\":\"\"}})]):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <span class=\"text-hide-by-line ellipsis\" ref=\"textHide\" :style=\"{\r\n lineClamp: showAll ? contentLine + 2 : maxLine,\r\n background: bgColor,\r\n }\">\r\n <span class=\"text-hide-by-line text-hide-by-line-fixed\" ref=\"textFixed\" v-if=\"contentLine === 0\">\r\n <slot></slot>\r\n <text-highlight :val=\"content\" :highlight-key=\"highlightKey\" :color=\"color\"/>\r\n <span class=\"full-text\" style=\"position: relative\">全文</span>\r\n </span>\r\n <slot></slot>\r\n <text-highlight :val=\"content\" :highlight-key=\"highlightKey\" :color=\"color\"/>\r\n <span\r\n class=\"full-text\"\r\n :style=\"{\r\n background: bgColor,\r\n position: showAll ? 'relative' : 'absolute',\r\n }\"\r\n @click.stop=\"showAll = !showAll\"\r\n v-show=\"contentLine > maxLine\"\r\n v-if=\"!hideBtn && btnType === 'text'\"\r\n >\r\n {{ showAll ? '收起' : '全文' }}\r\n </span>\r\n <span\r\n class=\"full-text-icon\"\r\n :style=\"{\r\n background: bgColor,\r\n width: fontSize + 'px',\r\n height: fontSize + 'px',\r\n }\"\r\n @click.stop=\"showAll = !showAll\"\r\n v-show=\"contentLine > maxLine\"\r\n v-if=\"!hideBtn && btnType === 'icon'\"\r\n >\r\n <img src=\"../assets/icon-152.png\" alt=\"\" v-if=\"showAll\">\r\n <img src=\"../assets/icon-151.png\" alt=\"\" v-else>\r\n </span>\r\n </span>\r\n</template>\r\n\r\n<script>\r\n\r\nimport TextHighlight from \"@/components/text-highlight.vue\";\r\nimport {getStringByMaxSize, getStringSize} from \"@/common/util\";\r\nimport TextHide from \"@/components/text-hide.vue\";\r\n\r\nexport default {\r\n name: 'text-hide-by-line',\r\n components: {TextHide, TextHighlight},\r\n props: {\r\n val: {\r\n default: '',\r\n },\r\n maxLine: {\r\n default: 2,\r\n },\r\n hideBtn: {\r\n default: false,\r\n },\r\n bgColor: {\r\n default: '#FFFFFF'\r\n },\r\n btnType: {\r\n default: 'text',\r\n },\r\n highlightKey: {\r\n default: '',\r\n },\r\n color: {\r\n default: '#FF6700',\r\n },\r\n },\r\n data() {\r\n return {\r\n showAll: false,\r\n contentLine: 0,\r\n fontSize: 0,\r\n };\r\n },\r\n computed: {\r\n valSize() {\r\n return getStringSize(this.val);\r\n },\r\n content() {\r\n const maxSize = this.maxSize;\r\n let val = this.val;\r\n if (!this.showAll && this.valSize > maxSize && maxSize > 0) {\r\n val = getStringByMaxSize(val, maxSize) + '...';\r\n }\r\n return val;\r\n },\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n this.heightChangeEvent();\r\n });\r\n },\r\n methods: {\r\n heightChangeEvent(item) {\r\n const content = this.$refs.textHide;\r\n // resize后的处理逻辑\r\n const contentResizeObserver = new ResizeObserver(() => {\r\n this.contentLine = 0;\r\n if (!!this.$refs.textHide) {\r\n this.fontSize = parseFloat(window.getComputedStyle(this.$refs.textHide).fontSize);\r\n }\r\n this.$nextTick(() => {\r\n if (this.contentLine === 0 && !!this.$refs.textFixed) {\r\n const textFixedWidth = parseFloat(this.$refs.textFixed.offsetWidth);\r\n const textHideWidth = parseFloat(this.$refs.textHide.offsetWidth);\r\n this.contentLine = Math.ceil(textFixedWidth / textHideWidth);\r\n }\r\n });\r\n }); // 创建一个observer实例\r\n contentResizeObserver.observe(content);\r\n },\r\n },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.text-hide-by-line {\r\n position: relative;\r\n}\r\n\r\n.ellipsis {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n /*-webkit-line-clamp: 2;*/\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.full-text {\r\n color: #2A63F3;\r\n position: absolute;\r\n padding: 0 5px;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n\r\n.text-hide-by-line-fixed {\r\n display: block;\r\n white-space: nowrap;\r\n position: fixed;\r\n left: -200vw;\r\n top: -100vh;\r\n}\r\n\r\n.text-hide-by-line-fixed * {\r\n display: inline-block;\r\n}\r\n\r\n.full-text-icon{\r\n position: absolute;\r\n padding: 0 5px;\r\n right: 0;\r\n bottom: 0;\r\n display: inline-block;\r\n align-items: center;\r\n}\r\n\r\n.full-text-icon img{\r\n width: 120%;\r\n display: block;\r\n position: relative;\r\n transform: translateX(-10%) translateY(-20%);\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!./text-hide-by-line.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!./text-hide-by-line.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./text-hide-by-line.vue?vue&type=template&id=b3df1f9c&scoped=true&\"\nimport script from \"./text-hide-by-line.vue?vue&type=script&lang=js&\"\nexport * from \"./text-hide-by-line.vue?vue&type=script&lang=js&\"\nimport style0 from \"./text-hide-by-line.vue?vue&type=style&index=0&id=b3df1f9c&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 \"b3df1f9c\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"text-highlight\",domProps:{\"innerHTML\":_vm._s(_vm.content)}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <span class=\"text-highlight\" v-html=\"content\"></span>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n name: 'text-highlight',\r\n props: {\r\n val: {\r\n default: '',\r\n },\r\n highlightKey: {\r\n default: '',\r\n },\r\n color: {\r\n default: '#FF6700',\r\n },\r\n },\r\n computed: {\r\n content() {\r\n const highlightKey = this.highlightKey;\r\n const color = this.color;\r\n let val = this.val;\r\n // if (val && highlightKey) {\r\n // val = val.replace(\r\n // RegExp(highlightKey, 'g'),\r\n // `<span style=\"color: ${color}\">${highlightKey}</span>`,\r\n // );\r\n // }\r\n return val;\r\n },\r\n }\r\n}\r\n</script>\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!./text-highlight.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!./text-highlight.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./text-highlight.vue?vue&type=template&id=3ec1bdd9&\"\nimport script from \"./text-highlight.vue?vue&type=script&lang=js&\"\nexport * from \"./text-highlight.vue?vue&type=script&lang=js&\"\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 null,\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAP5JREFUWEft1bENwjAQheE/HRuwA2NQ0TIBFRVLMAjMQEtFyQhIjMAGVAhdYSlCse/OdhGhSxXFdvLl2T4PzOwaZuYhQNqMREKRkJaA1h5r6O8S2gJ34KX9mbF9CRyAI/CZGlNaQzvgDDyBdQeUYG7ACjgBey9oA1yABfBoRI0xb0CSv3pB0r8HyoyRD1q2fQvKhbGCapNyYzwgL6oK4wVZUdWYGpCGasLUgnIoeZ7qTHFrl4qoZZflxv/uPuknRa8a05JQQo5R8qwJ0wM0nj65z1Zg41lnKoyWd0lSck0eB5YXpD4ta8jzHXPfAGlRRUKRkJaA1h5rKBLSEtDav898QiVd7SACAAAAAElFTkSuQmCC\"","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!./comment-post.vue?vue&type=style&index=0&id=0dffb8f0&prod&scoped=true&lang=css&\""],"sourceRoot":""}
|
