| 1 |
- {"version":3,"sources":["webpack:///./src/assets/icon-181.png","webpack:///./src/components/text-hide-by-line.vue?188e","webpack:///./src/components/text-hide.vue?1036","webpack:///./src/components/file-icon.vue","webpack:///src/components/file-icon.vue","webpack:///./src/components/file-icon.vue?b77c","webpack:///./src/components/file-icon.vue?c7ed","webpack:///./src/assets/icon-152.png","webpack:///./src/views/activity/activity_my_message.vue","webpack:///src/views/activity/activity_my_message.vue","webpack:///./src/views/activity/activity_my_message.vue?79e7","webpack:///./src/views/activity/activity_my_message.vue?22de","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/assets/noice.png","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/views/activity/activity_my_message.vue?22d1","webpack:///./src/assets/icon-151.png"],"names":["module","exports","render","_vm","this","_c","_self","attrs","fileIcon","staticRenderFns","name","props","type","default","fileName","computed","fileType","component","staticClass","ref","require","on","$event","$router","back","_v","tabIndex","unreadChangeAll","swipeCellMessage","list","_e","openOrCloseEdit","_s","edit","swipeCellList","key","staticStyle","swipeCellOptionMessage","scopedSlots","_u","fn","item","unreadChange","id","then","is_read","title","toDetail","content","cancelCatchUpPopup","batchesDel","checkIds","delMessagePopup","components","TextHideByLine","FileIcon","TextHighlight","SwipeCellList","data","markNum","reply_num","comment_num","praise_num","video_praise_num","comment_praise_num","follow_num","showSearch","searchKey","nextItemShow","nextItemFilter","getHeaderHeight","listApi","itemButtons","text","bgColor","click","bottomButtons","mounted","methods","tabChange","getMarkNum","ActivityService","console","Toast","items","swipeCell","highlightKey","color","hideBtn","directives","rawName","value","valSize","maxSize","expression","stopPropagation","showAll","val","style","lineClamp","contentLine","maxLine","background","_t","btnType","position","width","fontSize","height","TextHide","heightChangeEvent","contentResizeObserver","domProps"],"mappings":"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","file":"js/chunk-918be96a.63be7d32.js","sourcesContent":["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=\"","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('img',{attrs:{\"src\":_vm.fileIcon,\"alt\":\"\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <img :src=\"fileIcon\" alt=\"\">\r\n</template>\r\n\r\n<script>\r\n\r\nimport {getFileIcon, getFileType} from \"@/common/util\";\r\n\r\nexport default {\r\n name: 'file-icon',\r\n props: {\r\n type: {\r\n default: 1,\r\n },\r\n fileName: {\r\n default: '',\r\n },\r\n },\r\n computed: {\r\n fileType() {\r\n let fileType = '';\r\n if (this.type === 2) {\r\n fileType = 'folder';\r\n } else {\r\n fileType = getFileType(this.fileName || '');\r\n }\r\n return fileType;\r\n },\r\n fileIcon() {\r\n return getFileIcon(`${this.fileType}_bg`);\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!./file-icon.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!./file-icon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./file-icon.vue?vue&type=template&id=8f140120&\"\nimport script from \"./file-icon.vue?vue&type=script&lang=js&\"\nexport * from \"./file-icon.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,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAOxJREFUWEft1bENwjAQheE/HRuwA2NQ0TIBFRVLMAjMQEtFyQhIjMAGVAhZsiULBZ995yKIS3tx8uX5Lh6Y2DVMzIODpB3xhDwhKQGp7j30twmt4pefpQSkeo8eCphTfNEaMKGsoISZRdATMKEsoBxzi6AFYEJpQZ+YZQRdABNKAxrDPCJoDphQraASJg2QCdUCqsGYUbWgFowJVQPSYNQoCWTBqFAlUA9MM6oE2gBH4A6E/0wabek4+lbPp+8AbMdulLYsHAPXDpg8qR2wB14akDYN9TopIfWDtQsdJCXnCXlCUgJS3Xvo5xJ6A/WPQiV5qJTwAAAAAElFTkSuQmCC\"","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 \"),(_vm.tabIndex === 0)?_c('button',{staticClass:\"full-mark-read\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.unreadChangeAll(_vm.swipeCellMessage.list)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-181.png\"),\"alt\":\"\"}}),_vm._v(\"全标已读\\n \")]):_vm._e()]),(_vm.tabIndex === 0)?_c('button',{staticClass:\"header-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.swipeCellMessage.openOrCloseEdit()}}},[_vm._v(\"\\n \"+_vm._s(_vm.swipeCellMessage && _vm.swipeCellMessage.edit ? \"取消\" : \"管理\")+\"\\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 \")])])]),(_vm.tabIndex === 0)?_c('swipe-cell-list',{key:\"1\",ref:\"swipeCellMessage\",staticStyle:{\"margin-top\":\"10px\"},attrs:{\"option\":_vm.swipeCellOptionMessage},scopedSlots:_vm._u([{key:\"item\",fn:function({ item }){return [_c('div',{staticClass:\"subscribe-messages-module\"},[_c('div',{staticClass:\"subscribe-messages-head-between\",on:{\"click\":function($event){_vm.unreadChange(item.id, 1, false).then(() => (item.is_read = 1))}}},[_c('div',{staticClass:\"subscribe-messages-head-left\"},[_c('div',{staticClass:\"imgbox\"},[_c('img',{attrs:{\"src\":require(\"../../assets/noice.png\"),\"alt\":\"\"}}),(!item.is_read)?_c('span',{staticClass:\"font-13\"},[_vm._v(\"未读\")]):_vm._e()]),_c('span',{staticClass:\"font-12\"},[_vm._v(\"\\n \"+_vm._s(item.title)+\"\\n \")])])]),_c('div',{staticClass:\"subscribe-messages-bottom\",on:{\"click\":function($event){return _vm.toDetail(item, true)}}},[_c('p',{staticClass:\"subscribe-messages-bottom-title\"},[_vm._v(\"\\n \"+_vm._s(item.content)+\"\\n \")]),_c('div',{staticClass:\"subscribe-messages-bottom-btn-box\"},[_c('button',{staticClass:\"subscribe-messages-bottom-btn\",attrs:{\"type\":\"button\"}},[_vm._v(\"\\n 查看详情\\n \")])])])])]}}],null,false,4065398084)}):_vm._e(),_c('van-overlay',{attrs:{\"show\":_vm.cancelCatchUpPopup,\"z-index\":\"99999\"},on:{\"click\":function($event){_vm.cancelCatchUpPopup = 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.cancelCatchUpPopup = 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.delMessagePopup,\"z-index\":\"99999\"},on:{\"click\":function($event){_vm.delMessagePopup = 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.delMessagePopup = 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 \")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 学习服务-资料-我的订阅 -->\r\n<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(swipeCellMessage.list)\"\r\n v-if=\"tabIndex === 0\"\r\n >\r\n <img src=\"@/assets/icon-181.png\" alt=\"\" />全标已读\r\n </button>\r\n </p>\r\n <button\r\n type=\"button\"\r\n class=\"header-btn\"\r\n @click=\"swipeCellMessage.openOrCloseEdit()\"\r\n v-if=\"tabIndex === 0\"\r\n >\r\n {{ swipeCellMessage && swipeCellMessage.edit ? \"取消\" : \"管理\" }}\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"header-btn\"\r\n @click=\"swipeCellList.openOrCloseEdit()\"\r\n v-else\r\n >\r\n {{ swipeCellList && swipeCellList.edit ? \"取消\" : \"管理\" }}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <swipe-cell-list\r\n ref=\"swipeCellMessage\"\r\n :option=\"swipeCellOptionMessage\"\r\n key=\"1\"\r\n v-if=\"tabIndex === 0\"\r\n style=\"margin-top: 10px\"\r\n >\r\n <template #item=\"{ item }\">\r\n <div class=\"subscribe-messages-module\">\r\n <div\r\n class=\"subscribe-messages-head-between\"\r\n @click=\"\r\n unreadChange(item.id, 1, false).then(() => (item.is_read = 1))\r\n \"\r\n >\r\n <div class=\"subscribe-messages-head-left\">\r\n <div class=\"imgbox\">\r\n <img src=\"../../assets/noice.png\" alt=\"\" />\r\n <span class=\"font-13\" v-if=\"!item.is_read\">未读</span>\r\n </div>\r\n <span class=\"font-12\">\r\n {{ item.title }}\r\n </span>\r\n </div>\r\n <!-- <div class=\"subscribe-messages-head-right\">\r\n {{ item.create_at }}\r\n </div> -->\r\n </div>\r\n <div class=\"subscribe-messages-bottom\" @click=\"toDetail(item, true)\">\r\n <p class=\"subscribe-messages-bottom-title\">\r\n {{ item.content }}\r\n </p>\r\n <div class=\"subscribe-messages-bottom-btn-box\">\r\n <button type=\"button\" class=\"subscribe-messages-bottom-btn\">\r\n 查看详情\r\n </button>\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=\"cancelCatchUpPopup\"\r\n @click=\"cancelCatchUpPopup = 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\r\n type=\"button\"\r\n class=\"cancel\"\r\n @click=\"cancelCatchUpPopup = false\"\r\n >\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 <van-overlay\r\n :show=\"delMessagePopup\"\r\n @click=\"delMessagePopup = 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=\"delMessagePopup = 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 </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n ArticleService,\r\n DatumService,\r\n DemandService,\r\n VideoService,\r\n ActivityService,\r\n} from \"@/common/service\";\r\nimport { getFileIcon, getFileType } from \"@/common/util\";\r\nimport SwipeCellList from \"@/components/swipe-cell-list.vue\";\r\nimport { Toast } from \"vant\";\r\nimport TextHighlight from \"@/components/text-highlight.vue\";\r\nimport FileIcon from \"@/components/file-icon.vue\";\r\nimport TextHideByLine from \"@/components/text-hide-by-line.vue\";\r\n\r\nexport default {\r\n components: { TextHideByLine, FileIcon, TextHighlight, SwipeCellList },\r\n data() {\r\n return {\r\n tabIndex: 0,\r\n\r\n // 取消订阅弹窗\r\n cancelCatchUpPopup: false,\r\n\r\n // 删除消息\r\n delMessagePopup: false,\r\n\r\n markNum: {\r\n reply_num: 0, // 回复我的\r\n comment_num: 0, // 评论我的\r\n praise_num: 0, // 点赞我的【包含视频点赞和评论点赞】\r\n video_praise_num: 0, // 视频点赞\r\n comment_praise_num: 0, // 评论点赞\r\n follow_num: 0, // 订阅\r\n },\r\n\r\n checkIds: \"\",\r\n\r\n swipeCellOptionMessage: {\r\n showSearch: false,\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) => ActivityService.getMessageList(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.delMessagePopup = 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.delMessagePopup = true;\r\n },\r\n },\r\n ],\r\n },\r\n\r\n swipeCellMessage: null,\r\n };\r\n },\r\n mounted() {\r\n this.swipeCellMessage = this.$refs.swipeCellMessage;\r\n },\r\n methods: {\r\n tabChange(index) {\r\n if (this.tabIndex === index) return;\r\n this.tabIndex = index;\r\n this.$nextTick(() => {\r\n this.swipeCellMessage = this.$refs.swipeCellMessage;\r\n this.swipeCellList = this.$refs.swipeCellList;\r\n });\r\n },\r\n\r\n getMarkNum() {\r\n ActivityService.getMarkNum().then(({ data }) => {\r\n this.markNum = data;\r\n });\r\n },\r\n\r\n toDetail(item, isMsg = false) {\r\n console.log(item);\r\n if (isMsg) {\r\n this.unreadChange(item.id, 1, false).then(() => (item.is_read = 1));\r\n }\r\n // this.$router.push(`/activity-sign-up-list`);\r\n if (item.type_id == 1 || item.type_id == 3) {\r\n // this.$router.push(`/activity_order_info?id=${item.children_id}`);\r\n this.$router.push(\"activity_ticket_info?id=\" + item.children_id);\r\n }\r\n if (item.type_id == 2) {\r\n // this.$router.push(`/activity_order_info?id=${item.children_id}`);\r\n // this.$router.push('activity_ticket_info?id='+item.children_id)\r\n this.$router.push(`/activity-detail?id=${item.children_id}`);\r\n }\r\n if (item.type_id == 4) {\r\n this.$router.push(`/activity_order_info?id=${item.children_id}`);\r\n // this.$router.push('activity_ticket_info?id='+item.children_id)\r\n }\r\n if (item.type_id == 5) {\r\n this.$router.push(`/activity_bill_info?id=${item.children_id}`);\r\n }\r\n },\r\n\r\n // 标记已读、未读\r\n unreadChange(ids, is_read, showToast = true, updateNum = true) {\r\n return ActivityService.unreadChange({\r\n id: ids,\r\n type: 3, // 消息类型【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 // if (updateNum) {\r\n // this.getMarkNum();\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 const swipeCell =\r\n this.tabIndex === 0 ? this.swipeCellMessage : this.swipeCellList;\r\n return ActivityService.batchesDel({\r\n id: ids,\r\n type: 1,\r\n }).then(({ msg }) => {\r\n Toast(msg);\r\n swipeCell.resetList();\r\n swipeCell.openOrCloseEdit(true);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n/* 头部样式 */\r\n.header-wrap {\r\n width: 100%;\r\n height: 42px;\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 - 42px);\r\n display: flex;\r\n flex-direction: column;\r\n margin: 42px 0 0;\r\n box-sizing: border-box;\r\n background: #f4f4f4;\r\n /*overflow-y: auto;*/\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;\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: 10px;\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 padding: 10px;\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: 80px;\r\n height: 80px;\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}\r\n\r\n.my-collection-module-top-time {\r\n background: rgba(0, 0, 0, 0.7);\r\n height: 12px;\r\n line-height: 12px;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 2px;\r\n font-size: 9px;\r\n color: #ffffff;\r\n position: absolute;\r\n right: 7px;\r\n bottom: 4px;\r\n}\r\n\r\n.my-collection-module-top-time-gray {\r\n background: rgba(0, 0, 0, 0.3);\r\n height: 12px;\r\n line-height: 12px;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 2px;\r\n font-size: 9px;\r\n color: #ffffff;\r\n position: absolute;\r\n right: 7px;\r\n bottom: 3px;\r\n}\r\n\r\n.my-collection-module-top-sidebar {\r\n flex: 1;\r\n height: 78px;\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: 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-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: 10px;\r\n}\r\n\r\n.footer-wrap-sidebar > button:last-child {\r\n margin-right: 0;\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.cancel-collection-btn.blue {\r\n background-color: #2a63f3;\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 padding: 10px;\r\n box-sizing: border-box;\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 img {\r\n margin-right: 6px;\r\n width: 32px;\r\n height: 32px;\r\n }\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.imgbox {\r\n position: relative;\r\n}\r\n.font-13 {\r\n position: absolute;\r\n top: 0;\r\n right: -5px;\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.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!./activity_my_message.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!./activity_my_message.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./activity_my_message.vue?vue&type=template&id=35fb9aca&scoped=true&\"\nimport script from \"./activity_my_message.vue?vue&type=script&lang=js&\"\nexport * from \"./activity_my_message.vue?vue&type=script&lang=js&\"\nimport style0 from \"./activity_my_message.vue?vue&type=style&index=0&id=35fb9aca&prod&scoped=true&lang=scss&\"\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 \"35fb9aca\",\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-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","module.exports = \"data:image/png;base64,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\"","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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./activity_my_message.vue?vue&type=style&index=0&id=35fb9aca&prod&scoped=true&lang=scss&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAP5JREFUWEft1bENwjAQheE/HRuwA2NQ0TIBFRVLMAjMQEtFyQhIjMAGVAhdYSlCse/OdhGhSxXFdvLl2T4PzOwaZuYhQNqMREKRkJaA1h5r6O8S2gJ34KX9mbF9CRyAI/CZGlNaQzvgDDyBdQeUYG7ACjgBey9oA1yABfBoRI0xb0CSv3pB0r8HyoyRD1q2fQvKhbGCapNyYzwgL6oK4wVZUdWYGpCGasLUgnIoeZ7qTHFrl4qoZZflxv/uPuknRa8a05JQQo5R8qwJ0wM0nj65z1Zg41lnKoyWd0lSck0eB5YXpD4ta8jzHXPfAGlRRUKRkJaA1h5rKBLSEtDav898QiVd7SACAAAAAElFTkSuQmCC\""],"sourceRoot":""}
|
