| 1 |
- {"version":3,"sources":["webpack:///./src/components/card/card-module/card-cover-detail.vue?9a19","webpack:///./node_modules/core-js/modules/_string-pad.js","webpack:///./src/components/module/to-next.vue?eb55","webpack:///./src/components/module/to-next.vue","webpack:///src/components/module/to-next.vue","webpack:///./src/components/module/to-next.vue?49e9","webpack:///./src/components/module/to-next.vue?f2b8","webpack:///./src/components/module/reply.vue?5305","webpack:///./src/components/module/reply.vue","webpack:///src/components/module/reply.vue","webpack:///./src/components/module/reply.vue?0cec","webpack:///./src/components/module/reply.vue?77b7","webpack:///./src/assets/icon/play.png","webpack:///./src/views/image-text/children/comment-on-my.vue","webpack:///./src/components/card/image-text/comment-my-card.vue","webpack:///src/components/card/image-text/comment-my-card.vue","webpack:///./src/components/card/image-text/comment-my-card.vue?e0b7","webpack:///./src/components/card/image-text/comment-my-card.vue?59f0","webpack:///src/views/image-text/children/comment-on-my.vue","webpack:///./src/views/image-text/children/comment-on-my.vue?57f4","webpack:///./src/views/image-text/children/comment-on-my.vue?f80d","webpack:///./node_modules/core-js/modules/es6.array.find.js","webpack:///./src/assets/icon/lapse.png","webpack:///./src/assets/icon/next_unread.png","webpack:///./node_modules/core-js/modules/_string-repeat.js","webpack:///./src/assets/icon/read.png","webpack:///./src/components/card/image-text/comment-my-card.vue?1729","webpack:///./src/views/image-text/children/comment-on-my.vue?5676","webpack:///./src/components/card/card-module/card-cover-detail.vue","webpack:///src/components/card/card-module/card-cover-detail.vue","webpack:///./src/components/card/card-module/card-cover-detail.vue?1fd9","webpack:///./src/components/card/card-module/card-cover-detail.vue?df16","webpack:///./node_modules/core-js/modules/es7.string.pad-start.js","webpack:///./node_modules/core-js/modules/es6.reflect.has.js"],"names":["toLength","repeat","defined","module","exports","that","maxLength","fillString","left","S","String","stringLength","length","fillStr","undefined","intMaxLength","fillLen","stringFiller","call","Math","ceil","slice","render","_vm","this","_c","_self","staticClass","on","$event","$emit","attrs","require","_v","staticRenderFns","name","data","mounted","methods","component","visible","_","info","info_dict","headimg","_s","user_name","directives","rawName","value","content","expression","concat","domProps","target","composing","slot","staticStyle","style","opacity","cursor","_e","props","type","Boolean","default","Object","model","prop","event","handleSearch","manageType","$message","success","handleRead","list","changeAllChecked","allChecked","callback","$$v","filter","item","checked","_l","key","id","$set","ref","refInFor","width","showReply","handleDelete","is_read","handleToDetail","article_id","finished","handleReply","replyVisible","toNext","_g","btnList","$listeners","create_at","components","CardBox","CardHeader","CardContent","CardCoverDetail","computed","arr","push","CommentMyCard","TitleControl","Reply","ToNext","params","page","page_num","sort_type","list_copy","watch","val","forEach","getList","TouchBottom","map","_this","ArticleService","commentMyArticle","then","_ref","_objectSpread","_toConsumableArray","_this2","showConfirmPopup","batchesDel","_ref2","splice","findIndex","catch","_this3","join","unreadChange","res","split","includes","$store","dispatch","arguments","keys","is_normal","error","$router","path","query","item_id","_this4","secondCommend","_ref3","current_index","next","_this5","index","_this5$$refs$0$getBou","$refs","getBoundingClientRect","top","find","window","scrollTo","scrollY","$export","$find","KEY","forced","Array","P","F","callbackfn","toInteger","count","str","n","Infinity","RangeError","cover","series_title","title","app_logo","app_name","read_num","show","typeDict","video_id","typeKey","Reflect","has","time","duration","m","floor","s","toString","padStart","$pad","userAgent","WEBKIT_BUG","test","propertyKey"],"mappings":"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","file":"js/chunk-1c822898.67e4f4de.js","sourcesContent":["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!./card-cover-detail.vue?vue&type=style&index=0&id=785f94f6&prod&lang=scss&scoped=true&\"","// https://github.com/tc39/proposal-string-pad-start-end\nvar toLength = require('./_to-length');\nvar repeat = require('./_string-repeat');\nvar defined = require('./_defined');\n\nmodule.exports = function (that, maxLength, fillString, left) {\n var S = String(defined(that));\n var stringLength = S.length;\n var fillStr = fillString === undefined ? ' ' : String(fillString);\n var intMaxLength = toLength(maxLength);\n if (intMaxLength <= stringLength || fillStr == '') return S;\n var fillLen = intMaxLength - stringLength;\n var stringFiller = repeat.call(fillStr, Math.ceil(fillLen / fillStr.length));\n if (stringFiller.length > fillLen) stringFiller = stringFiller.slice(0, fillLen);\n return left ? stringFiller + S : S + stringFiller;\n};\n","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!./to-next.vue?vue&type=style&index=0&id=07fb63da&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"to-next\",on:{\"click\":function($event){return _vm.$emit('toNext')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon/next_unread.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"下一条未读\")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"to-next\" @click=\"$emit('toNext')\">\r\n <img src=\"@/assets/icon/next_unread.png\" alt=\"\" />\r\n <span>下一条未读</span>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"ToNext\",\r\n data() {\r\n return {};\r\n },\r\n mounted() {},\r\n methods: {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.to-next {\r\n width: 210px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.5);\r\n border-radius: 40px;\r\n border: 1px solid #0054f7;\r\n position: fixed;\r\n bottom: 100px;\r\n right: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n user-select: none;\r\n cursor: pointer;\r\n img {\r\n width: 14px;\r\n height: 14px;\r\n }\r\n span {\r\n font-size: 18px;\r\n font-weight: 500;\r\n color: #0054f7;\r\n margin-left: 10px;\r\n }\r\n}\r\n@media (max-width: 76.875rem) {\r\n .to-next {\r\n position: absolute;\r\n top: calc(var(--scrollTop) + var(--windowHeight) - 14.375rem) !important;\r\n right: -14.5rem;\r\n }\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!./to-next.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!./to-next.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./to-next.vue?vue&type=template&id=07fb63da&scoped=true&\"\nimport script from \"./to-next.vue?vue&type=script&lang=js&\"\nexport * from \"./to-next.vue?vue&type=script&lang=js&\"\nimport style0 from \"./to-next.vue?vue&type=style&index=0&id=07fb63da&prod&lang=scss&scoped=true&\"\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 \"07fb63da\",\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!./reply.vue?vue&type=style&index=0&id=2ef8d99e&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"reply\"},[(_vm.visible)?_c('el-dialog',{attrs:{\"width\":\"600px\",\"visible\":_vm.visible,\"before-close\":(_) => _vm.$emit('visible', false)},on:{\"update:visible\":function($event){_vm.visible=$event}}},[_c('div',{staticClass:\"reply-content\"},[_c('div',{staticClass:\"info\"},[_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.info[_vm.info_dict.headimg],\"alt\":\"\"}}),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.info[_vm.info_dict.user_name]))])]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.content),expression:\"content\"}],staticClass:\"content\",attrs:{\"placeholder\":`回复@${_vm.info[_vm.info_dict.user_name]}:`},domProps:{\"value\":(_vm.content)},on:{\"input\":function($event){if($event.target.composing)return;_vm.content=$event.target.value}}})]),_c('div',{staticClass:\"reply-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){return _vm.$emit('visible', false)}}},[_vm._v(\"取 消\")]),_c('el-button',{staticStyle:{\"background-color\":\"#0054f7\",\"color\":\"white\"},style:({\n opacity: _vm.content ? 1 : 0.3,\n cursor: _vm.content ? 'pointer' : 'default',\n }),on:{\"click\":(_) => {\n if (_vm.content) {\n _vm.$emit('handleReply', _vm.content);\n _vm.content = '';\n }\n }}},[_vm._v(\"确 定\")])],1)]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"reply\">\r\n <el-dialog\r\n v-if=\"visible\"\r\n width=\"600px\"\r\n :visible.sync=\"visible\"\r\n :before-close=\"(_) => $emit('visible', false)\"\r\n >\r\n <div class=\"reply-content\">\r\n <div class=\"info\">\r\n <img class=\"avatar\" :src=\"info[info_dict.headimg]\" alt=\"\" />\r\n <div class=\"name\">{{ info[info_dict.user_name] }}</div>\r\n </div>\r\n <textarea\r\n class=\"content\"\r\n v-model=\"content\"\r\n :placeholder=\"`回复@${info[info_dict.user_name]}:`\"\r\n ></textarea>\r\n </div>\r\n <div slot=\"footer\" class=\"reply-footer\">\r\n <el-button @click=\"$emit('visible', false)\">取 消</el-button>\r\n <el-button\r\n style=\"background-color: #0054f7; color: white\"\r\n :style=\"{\r\n opacity: content ? 1 : 0.3,\r\n cursor: content ? 'pointer' : 'default',\r\n }\"\r\n @click=\"\r\n (_) => {\r\n if (content) {\r\n $emit('handleReply', content);\r\n content = '';\r\n }\r\n }\r\n \"\r\n >确 定</el-button\r\n >\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"Reply\",\r\n props: {\r\n visible: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n info: {\r\n type: Object,\r\n },\r\n info_dict: {\r\n default: () => {\r\n return {\r\n headimg: \"headimg\",\r\n user_name: \"user_name\",\r\n };\r\n },\r\n },\r\n },\r\n model: {\r\n prop: \"visible\",\r\n event: \"visible\",\r\n },\r\n data() {\r\n return {\r\n content: \"\",\r\n };\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.reply {\r\n ::v-deep .el-dialog__header {\r\n display: none;\r\n }\r\n ::v-deep .el-dialog__body {\r\n padding-bottom: 10px;\r\n }\r\n .reply-content {\r\n .info {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n img {\r\n height: 30px;\r\n width: 30px;\r\n border-radius: 50%;\r\n }\r\n .name {\r\n font-size: 16px;\r\n margin-left: 10px;\r\n }\r\n }\r\n .content {\r\n width: 100%;\r\n height: 120px;\r\n padding: 15px 10px;\r\n background: #f5f5f5;\r\n border-radius: 10px;\r\n border: none;\r\n outline: none;\r\n resize: none;\r\n box-sizing: border-box;\r\n font-size: 16px;\r\n\r\n ::placeholder {\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #666666;\r\n }\r\n }\r\n }\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!./reply.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!./reply.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./reply.vue?vue&type=template&id=2ef8d99e&scoped=true&\"\nimport script from \"./reply.vue?vue&type=script&lang=js&\"\nexport * from \"./reply.vue?vue&type=script&lang=js&\"\nimport style0 from \"./reply.vue?vue&type=style&index=0&id=2ef8d99e&prod&lang=scss&scoped=true&\"\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 \"2ef8d99e\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPxJREFUSEvNlTFuwkAQRf+4iZALLhCJg4RDhJYWyWPRBokqIVDR4DZe25wBR6EMh8oB1j8ykotESNjYa7H1zH/7Z79mBY6PONZHf4AkSXYkZwCGLV39iMg+CIKXUufswBjzDODQUvh/+0RV8zMgjuM3EVl3CSC5CsNwUzlYAXjvElDqqer6bgBfJD89z3slOarptJGDuap+RFE08H1/AWAJwL8Cag6oBNM0fSS5JTmtkngBdjugEjPGjAF8A3hwAsiy7Mlae+ocUI7IWrsVkW5H5OyRReRYFEXuMqY1o/+nrFGK2gH6WHZu13Xp3+mHc8uA6/b09yfXvVHTul9MCqIZAaJnUgAAAABJRU5ErkJggg==\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"wrap-title\"},[_c('TitleControl',{attrs:{\"title\":\"评论我的\"},on:{\"handleChange\":_vm.handleSearch}},[_c('div',{staticClass:\"control-btn\",attrs:{\"slot\":\"control\"},slot:\"control\"},[(!_vm.manageType)?_c('div',{staticClass:\"is-read\",on:{\"click\":(_) => {\n _vm.$message.success('已将所有信息标为已读');\n _vm.handleRead(_vm.list, 1);\n }}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon/read.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"全部已读\")])]):_vm._e(),(!_vm.manageType)?_c('div',{staticClass:\"manage\",on:{\"click\":function($event){_vm.manageType = true}}},[_vm._v(\"\\n 管理\\n \")]):_c('div',{staticClass:\"manage cancel\",on:{\"click\":function($event){_vm.manageType = false}}},[_vm._v(\"\\n 取消\\n \")])])])],1),_c('div',{staticClass:\"wrap-content\"},[(_vm.manageType)?_c('div',{staticClass:\"read-box\"},[_c('div',{staticClass:\"radio\"},[_c('el-checkbox',{on:{\"change\":_vm.changeAllChecked},model:{value:(_vm.allChecked),callback:function ($$v) {_vm.allChecked=$$v},expression:\"allChecked\"}})],1),_c('div',{staticClass:\"btn is-read\",on:{\"click\":function($event){_vm.handleRead(\n _vm.list.filter((item) => item.checked),\n 1\n )}}},[_vm._v(\"\\n 已读\\n \")]),_c('div',{staticClass:\"btn un-read\",on:{\"click\":function($event){_vm.handleRead(\n _vm.list.filter((item) => item.checked),\n 0\n )}}},[_vm._v(\"\\n 未读\\n \")])]):_vm._e(),_c('div',{staticClass:\"list\"},[_vm._l((_vm.list),function(item){return _c('div',{key:item.id,staticClass:\"list-item\"},[(_vm.manageType)?_c('div',{staticClass:\"radio\"},[_c('el-checkbox',{model:{value:(item.checked),callback:function ($$v) {_vm.$set(item, \"checked\", $$v)},expression:\"item.checked\"}})],1):_vm._e(),_c('div',{ref:'card-' + item.id,refInFor:true,staticClass:\"card\",style:(_vm.manageType ? { width: 'calc(100% - 60px)' } : ''),on:{\"click\":function($event){return _vm.handleRead([item], 1)}}},[_c('CommentMyCard',{attrs:{\"info\":item,\"manageType\":_vm.manageType},on:{\"reply\":function($event){return _vm.showReply(item)},\"handleDelete\":function($event){return _vm.handleDelete(item)},\"handleRead\":function($event){return _vm.handleRead([item], 1 - item.is_read)},\"handleToDetail\":function($event){return _vm.handleToDetail(item, {\n id: 'item_id',\n article_id: 'article_id',\n })}}})],1)])}),(_vm.finished)?_c('el-empty',{attrs:{\"description\":\"没有更多数据\"}}):_vm._e()],2)]),_c('Reply',{attrs:{\"info\":_vm.info},on:{\"handleReply\":_vm.handleReply},model:{value:(_vm.replyVisible),callback:function ($$v) {_vm.replyVisible=$$v},expression:\"replyVisible\"}}),(!_vm.manageType)?_c('ToNext',{on:{\"toNext\":_vm.toNext}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card\"},[_c('CardBox',_vm._g({staticStyle:{\"padding\":\"15px 20px\"},attrs:{\"btnList\":_vm.btnList}},_vm.$listeners),[_c('div',{staticClass:\"header\"},[_c('CardHeader',_vm._g({attrs:{\"avatar\":_vm.info.headimg,\"name\":_vm.info.user_name,\"time\":_vm.info.create_at,\"isRead\":_vm.info.is_read}},_vm.$listeners))],1),_c('div',{staticClass:\"content\"},[_c('CardContent',{attrs:{\"content\":_vm.info.content}})],1),_c('div',{staticClass:\"target\",on:{\"click\":function($event){return _vm.$emit('handleToDetail')}}},[_c('CardCoverDetail',{attrs:{\"info\":_vm.info}})],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"card\">\r\n <CardBox style=\"padding: 15px 20px\" :btnList=\"btnList\" v-on=\"$listeners\">\r\n <div class=\"header\">\r\n <CardHeader\r\n :avatar=\"info.headimg\"\r\n :name=\"info.user_name\"\r\n :time=\"info.create_at\"\r\n :isRead=\"info.is_read\"\r\n v-on=\"$listeners\"\r\n />\r\n </div>\r\n <div class=\"content\">\r\n <CardContent :content=\"info.content\" />\r\n </div>\r\n <div class=\"target\" @click=\"$emit('handleToDetail')\">\r\n <CardCoverDetail :info=\"info\" />\r\n </div>\r\n </CardBox>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport CardBox from \"../card-module/card-box.vue\";\r\nimport CardHeader from \"../card-module/card-header.vue\";\r\nimport CardContent from \"../card-module/card-content.vue\";\r\nimport CardCoverDetail from \"../card-module/card-cover-detail.vue\";\r\n\r\nexport default {\r\n name: \"CommentMyCard\",\r\n components: { CardBox, CardHeader, CardContent, CardCoverDetail },\r\n props: {\r\n info: {\r\n type: Object,\r\n },\r\n manageType: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n data() {\r\n return {};\r\n },\r\n computed: {\r\n btnList() {\r\n let arr = [\"del\"];\r\n this.info.is_read ? arr.push(\"unRead\") : arr.push(\"isRead\");\r\n return this.manageType ? [] : arr;\r\n },\r\n },\r\n mounted() {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card {\r\n width: 100%;\r\n height: 100%;\r\n .content {\r\n margin: 10px 0;\r\n }\r\n .target {\r\n background: #f4f4f4;\r\n width: calc(100% - 20px);\r\n padding: 10px;\r\n }\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-my-card.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-my-card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./comment-my-card.vue?vue&type=template&id=18bd337c&scoped=true&\"\nimport script from \"./comment-my-card.vue?vue&type=script&lang=js&\"\nexport * from \"./comment-my-card.vue?vue&type=script&lang=js&\"\nimport style0 from \"./comment-my-card.vue?vue&type=style&index=0&id=18bd337c&prod&lang=scss&scoped=true&\"\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 \"18bd337c\",\n null\n \n)\n\nexport default component.exports","<template>\r\n <div class=\"wrap\">\r\n <div class=\"wrap-title\">\r\n <TitleControl title=\"评论我的\" @handleChange=\"handleSearch\">\r\n <div slot=\"control\" class=\"control-btn\">\r\n <div\r\n class=\"is-read\"\r\n v-if=\"!manageType\"\r\n @click=\"\r\n (_) => {\r\n $message.success('已将所有信息标为已读');\r\n handleRead(list, 1);\r\n }\r\n \"\r\n >\r\n <img src=\"@/assets/icon/read.png\" alt=\"\" />\r\n <span>全部已读</span>\r\n </div>\r\n <div class=\"manage\" @click=\"manageType = true\" v-if=\"!manageType\">\r\n 管理\r\n </div>\r\n <div class=\"manage cancel\" @click=\"manageType = false\" v-else>\r\n 取消\r\n </div>\r\n </div>\r\n </TitleControl>\r\n </div>\r\n <div class=\"wrap-content\">\r\n <div class=\"read-box\" v-if=\"manageType\">\r\n <div class=\"radio\">\r\n <el-checkbox\r\n v-model=\"allChecked\"\r\n @change=\"changeAllChecked\"\r\n ></el-checkbox>\r\n </div>\r\n <div\r\n class=\"btn is-read\"\r\n @click=\"\r\n handleRead(\r\n list.filter((item) => item.checked),\r\n 1\r\n )\r\n \"\r\n >\r\n 已读\r\n </div>\r\n <div\r\n class=\"btn un-read\"\r\n @click=\"\r\n handleRead(\r\n list.filter((item) => item.checked),\r\n 0\r\n )\r\n \"\r\n >\r\n 未读\r\n </div>\r\n </div>\r\n <div class=\"list\">\r\n <div class=\"list-item\" v-for=\"item in list\" :key=\"item.id\">\r\n <div class=\"radio\" v-if=\"manageType\">\r\n <el-checkbox v-model=\"item.checked\"></el-checkbox>\r\n </div>\r\n <div\r\n class=\"card\"\r\n :ref=\"'card-' + item.id\"\r\n :style=\"manageType ? { width: 'calc(100% - 60px)' } : ''\"\r\n @click=\"handleRead([item], 1)\"\r\n >\r\n <CommentMyCard\r\n :info=\"item\"\r\n :manageType=\"manageType\"\r\n @reply=\"showReply(item)\"\r\n @handleDelete=\"handleDelete(item)\"\r\n @handleRead=\"handleRead([item], 1 - item.is_read)\"\r\n @handleToDetail=\"\r\n handleToDetail(item, {\r\n id: 'item_id',\r\n article_id: 'article_id',\r\n })\r\n \"\r\n />\r\n </div>\r\n </div>\r\n <el-empty v-if=\"finished\" description=\"没有更多数据\"></el-empty>\r\n </div>\r\n </div>\r\n <Reply v-model=\"replyVisible\" :info=\"info\" @handleReply=\"handleReply\" />\r\n <ToNext @toNext=\"toNext\" v-if=\"!manageType\" />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { ArticleService } from \"@/common/service\";\r\nimport CommentMyCard from \"@/components/card/image-text/comment-my-card.vue\";\r\nimport TitleControl from \"@/components/module/title-control.vue\";\r\nimport Reply from \"@/components/module/reply.vue\";\r\nimport ToNext from \"@/components/module/to-next.vue\";\r\n\r\nexport default {\r\n components: { CommentMyCard, TitleControl, Reply, ToNext },\r\n data() {\r\n return {\r\n list: [],\r\n params: {\r\n page: 1,\r\n page_num: 20,\r\n sort_type: 1,\r\n },\r\n // 是否无数据\r\n finished: false,\r\n // 是否点击管理按钮\r\n manageType: false,\r\n // 是否选中所有\r\n allChecked: false,\r\n // 回复框显示状态\r\n replyVisible: false,\r\n // 回复详情\r\n info: {},\r\n // 搜索\r\n list_copy: \"\",\r\n };\r\n },\r\n watch: {\r\n manageType(val) {\r\n !val ? (this.allChecked = false) : \"\";\r\n this.list.forEach((item) => (item.checked = false));\r\n },\r\n },\r\n mounted() {\r\n this.getList();\r\n },\r\n methods: {\r\n // 触底\r\n TouchBottom() {\r\n if (!this.finished) {\r\n this.getList();\r\n }\r\n },\r\n // 选择全部\r\n changeAllChecked(type) {\r\n this.list.map((item) => (item.checked = type));\r\n },\r\n // 获取数据\r\n getList() {\r\n ArticleService.commentMyArticle(this.params).then(({ data }) => {\r\n const list = data.list.map((item) => {\r\n return { checked: false, ...item };\r\n });\r\n\r\n this.list = this.params.page === 1 ? list : [...this.list, ...list];\r\n if (list.length < this.params.page_num) {\r\n this.finished = true;\r\n } else {\r\n this.params.page++;\r\n }\r\n });\r\n },\r\n // 删除记录\r\n handleDelete(val) {\r\n let that = this;\r\n this.showConfirmPopup(\"确定要删除该信息？\")\r\n .then(() => {\r\n ArticleService.batchesDel({ id: val.id, type: 2 }).then(\r\n ({ data }) => {\r\n that.list.splice(\r\n that.list.findIndex((item) => item.id == val.id),\r\n 1\r\n );\r\n this.$message.success(\"删除成功！\");\r\n }\r\n );\r\n })\r\n .catch((_) => {});\r\n },\r\n // 更改阅读状态\r\n handleRead(arr, is_read) {\r\n let params = {\r\n id: \"\",\r\n type: 1,\r\n is_read,\r\n };\r\n params.id = arr.map((item) => item.id).join(\",\");\r\n if (!params.id) return;\r\n ArticleService.unreadChange(params).then((res) => {\r\n this.list.forEach((item) => {\r\n params.id.split(\",\").includes(item.id + \"\")\r\n ? (item.is_read = params.is_read)\r\n : \"\";\r\n });\r\n this.manageType = false;\r\n this.$store.dispatch(\"getMarkNum\", \"imageText\");\r\n });\r\n },\r\n // 跳转详情\r\n handleToDetail(item, key = { id: \"id\", article_id: \"article_id\" }) {\r\n if (Object.keys(item).includes(\"is_normal\") && !item.is_normal)\r\n return this.$message.error(\"该图文已下架\");\r\n this.$router.push({\r\n path: \"/image-text-details\",\r\n query: {\r\n item_id: item[key.id],\r\n id: item[key.article_id],\r\n },\r\n });\r\n },\r\n // 显示回复框\r\n showReply(item) {\r\n this.replyVisible = true;\r\n this.info = item;\r\n },\r\n // 回复\r\n handleReply(val) {\r\n this.replyVisible = false;\r\n ArticleService.secondCommend({ id: this.info.id, content: val }).then(\r\n ({ data }) => {\r\n this.$message.success(\"回复成功\");\r\n }\r\n );\r\n },\r\n // 筛选\r\n handleSearch(val) {\r\n if (!this.list_copy) this.list_copy = this.list;\r\n if (val) {\r\n this.list = this.list_copy.filter((item) => {\r\n return item.content.includes(val);\r\n });\r\n } else {\r\n this.list = this.list_copy;\r\n this.list_copy = \"\";\r\n }\r\n },\r\n // 下一条未读\r\n toNext() {\r\n let current_index, next;\r\n current_index = 0;\r\n this.list.forEach((item, index) => {\r\n let { top } = this.$refs[\"card-\" + item.id][0].getBoundingClientRect();\r\n if (top > -170 && top <= 100) {\r\n current_index = index;\r\n return;\r\n }\r\n });\r\n if (current_index == this.list.length - 1 || !this.list.length)\r\n return this.$message.info(\"没有下一条未读消息！\");\r\n next = this.list.slice(current_index + 1).find((item) => !item.is_read);\r\n if (!next) return this.$message.info(\"没有下一条未读消息！\");\r\n window.scrollTo(\r\n 0,\r\n window.scrollY +\r\n this.$refs[\"card-\" + next.id][0].getBoundingClientRect().top -\r\n 100\r\n );\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrap {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n .wrap-title {\r\n width: 80%;\r\n }\r\n .wrap-content {\r\n width: 80%;\r\n margin-top: 20px;\r\n .read-box {\r\n display: flex;\r\n align-items: center;\r\n margin: 0px 0 20px;\r\n .radio {\r\n width: 45px;\r\n display: flex;\r\n justify-content: center;\r\n margin-right: 20px;\r\n }\r\n .btn {\r\n width: 80px;\r\n height: 30px;\r\n border-radius: 17px;\r\n color: #ffffff;\r\n font-size: 16px;\r\n font-weight: 400;\r\n text-align: center;\r\n line-height: 30px;\r\n cursor: pointer;\r\n }\r\n .is-read {\r\n background: #0054f7;\r\n }\r\n .un-read {\r\n background: #ff9f18;\r\n margin-left: 10px;\r\n }\r\n }\r\n .list {\r\n .list-item {\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n position: relative;\r\n .radio {\r\n width: 45px;\r\n background-color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n border-radius: 10px;\r\n }\r\n .card {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.control-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n user-select: none;\r\n .is-read {\r\n width: 100px;\r\n height: 30px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #f4f4f4;\r\n border-radius: 17px;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #1677ff;\r\n img {\r\n width: 15px;\r\n height: 15px;\r\n margin-right: 5px;\r\n }\r\n }\r\n .manage {\r\n width: 70px;\r\n height: 30px;\r\n background: #2a63f3;\r\n border-radius: 17px;\r\n font-size: 13px;\r\n font-weight: 400;\r\n text-align: center;\r\n line-height: 30px;\r\n color: #ffffff;\r\n margin-left: 10px;\r\n }\r\n .cancel {\r\n background: transparent;\r\n color: #1677ff;\r\n }\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-on-my.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-on-my.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./comment-on-my.vue?vue&type=template&id=40f7bc76&scoped=true&\"\nimport script from \"./comment-on-my.vue?vue&type=script&lang=js&\"\nexport * from \"./comment-on-my.vue?vue&type=script&lang=js&\"\nimport style0 from \"./comment-on-my.vue?vue&type=style&index=0&id=40f7bc76&prod&lang=scss&scoped=true&\"\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 \"40f7bc76\",\n null\n \n)\n\nexport default component.exports","'use strict';\n// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(5);\nvar KEY = 'find';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n find: function find(callbackfn /* , that = undefined */) {\n return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n }\n});\nrequire('./_add-to-unscopables')(KEY);\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAR1JREFUOE/N1D1Ow0AQhuF3iGEXIcQBoKJAHIO/joKGIEFFCbfgChScgAKEU0R0nAKa9CkhDRRBciTCIDts5Dj2rgsjsaW9fjQz366Fhpc07PHH4Olom6+lD2J5rVX5lUb0sMQydPtnKzxJbvjWQyJ2uF/ue9G2rqHJE8gzHXtZDp6r5XP0iOqWF3WYyCrW7HIrg3IwfRpC81hk9riTt3wn5aFUoQEshWfBs2STlhlmLRTRsX3PZpa26SoLhnKcXIMeTeeXR4UByMoUc9UuyAsP9qJ+KBO0C6wTmYNsZp7W52dYPb8WsYx92PwMXd2NhZLPv04oJSfff5d9oVRco/DPwYWibLBo9osHueiGQfdFWyehBFZ9MCT9vv//4A8mr7sVKTiR1wAAAABJRU5ErkJggg==\"","'use strict';\nvar toInteger = require('./_to-integer');\nvar defined = require('./_defined');\n\nmodule.exports = function repeat(count) {\n var str = String(defined(this));\n var res = '';\n var n = toInteger(count);\n if (n < 0 || n == Infinity) throw RangeError(\"Count can't be negative\");\n for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) res += str;\n return res;\n};\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAcFJREFUOE+t0j9o1GAYx/Hvc+Eub7wOJ2gdpLM6uTi5FHRRxNJCgjp0cXOwm4OCDgo6uNXBzaXgHxKoVEQXC106dXG7vThYhVZsTe6O5JFcWq9pvSQeZkve3/vJ8z7PK/znRyp5njr9nC9hWb4cnNk+i2Wt9KE4nmRx7HMRWg664Svg+i7ymsC5MTo4o+NY0TrQ2EW6xGaCRdkYhhZX6IZ3gccHNt8jcJ5UAFXwdk4Ax4ntY1i9cZCnKBO5zcI6sd6B+gb15BtJ7zt+8yuIprmswitbR3HsVeB02RSHrLdpmPO8lM0M9KJLqH4YEcu2iVzGNx8z8KoewY7Sq3FuRHSNjpnknfwaDGVWm4TRm7QB/4i+xzHXWJCdQQ/3BE8tks4zRG9VQlWeU7Nv40u8l//7tXHDNnCqGJU2gTlzMHMYzPq5BdRLquzRMa20b/tzh0EvvIDyqdKRhYv4znIx6HbuQ/IwD8o2aPrzZv577QGB/agEjHxQ909I5C3dZK7/3qjNozo9ACQgMF7JkbuzaPIC9Asic/hmKVeVF02hOg+cRKyb+I2FYjBdnd5sUW/93H8d8qhawBi+/CifcqVpDA/9BlUCgxW4LjtYAAAAAElFTkSuQmCC\"","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!./comment-my-card.vue?vue&type=style&index=0&id=18bd337c&prod&lang=scss&scoped=true&\"","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!./comment-on-my.vue?vue&type=style&index=0&id=40f7bc76&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-cover-detail\"},[_c('div',{staticClass:\"cover-box\"},[(_vm.is_normal)?_c('img',{staticClass:\"cover\",attrs:{\"src\":_vm.info.cover,\"alt\":\"\"}}):_c('div',{staticClass:\"is_normal\"},[_c('img',{attrs:{\"src\":require(\"@/assets/icon/lapse.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"type\"},[_vm._v(_vm._s(_vm.is_normal ? _vm.type : \"已失效\"))])]),(_vm.is_normal)?_c('div',{staticClass:\"info-box\"},[_c('div',{staticClass:\"title-box\"},[_c('div',{staticClass:\"series-title\"},[_vm._v(_vm._s(_vm.info.series_title))]),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.info.title))])]),_c('div',{staticClass:\"footer\"},[_c('img',{staticClass:\"app-logo\",attrs:{\"src\":_vm.info.app_logo,\"alt\":\"\"}}),_c('div',{staticClass:\"app-name\"},[_vm._v(_vm._s(_vm.info.app_name))]),_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon/play.png\")}}),_c('div',{staticClass:\"read-num\"},[_vm._v(_vm._s(_vm.info.read_num || 0))])])]):_c('div',{staticClass:\"info-box\"},[_c('div',{staticClass:\"is_normal\"},[_vm._v(\"已失效\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"card-cover-detail\">\r\n <div class=\"cover-box\">\r\n <img class=\"cover\" :src=\"info.cover\" alt=\"\" v-if=\"is_normal\" />\r\n <div class=\"is_normal\" v-else>\r\n <img src=\"@/assets/icon/lapse.png\" alt=\"\" />\r\n </div>\r\n <div class=\"type\">{{ is_normal ? type : \"已失效\" }}</div>\r\n </div>\r\n <div class=\"info-box\" v-if=\"is_normal\">\r\n <div class=\"title-box\">\r\n <div class=\"series-title\">{{ info.series_title }}</div>\r\n <div class=\"title\">{{ info.title }}</div>\r\n </div>\r\n <div class=\"footer\">\r\n <img class=\"app-logo\" :src=\"info.app_logo\" alt=\"\" />\r\n <div class=\"app-name\">{{ info.app_name }}</div>\r\n <img class=\"icon\" src=\"@/assets/icon/play.png\" />\r\n <div class=\"read-num\">{{ info.read_num || 0 }}</div>\r\n </div>\r\n </div>\r\n <div class=\"info-box\" v-else>\r\n <div class=\"is_normal\">已失效</div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"CardCoverDetail\",\r\n props: {\r\n info: {\r\n type: Object,\r\n },\r\n },\r\n data() {\r\n return {\r\n show: false,\r\n typeDict: {\r\n article_id: \"图文\",\r\n video_id: \"视频\",\r\n },\r\n };\r\n },\r\n computed: {\r\n type() {\r\n let typeKey = \"\";\r\n for (let key in this.typeDict) {\r\n if (Reflect.has(this.info, key)) {\r\n typeKey = key;\r\n }\r\n }\r\n if (typeKey == \"video_id\") {\r\n const time = this.info.duration;\r\n let m = Math.floor(time / 60),\r\n s = Math.floor(time - m * 60);\r\n s == 0 ? (s = 1) : \"\";\r\n return (\r\n m.toString().padStart(2, \"0\") + \":\" + s.toString().padStart(2, \"0\")\r\n );\r\n } else {\r\n return this.typeDict[typeKey];\r\n }\r\n },\r\n is_normal() {\r\n return Reflect.has(this.info, \"is_normal\") ? !!this.info.is_normal : true;\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-cover-detail {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n cursor: default;\r\n .cover-box {\r\n width: 200px;\r\n height: 120px;\r\n position: relative;\r\n .cover {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .is_normal {\r\n width: 100%;\r\n height: 100%;\r\n background: #d8d8d8;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n img {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n .type {\r\n padding: 0 3px;\r\n height: 18px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 18px;\r\n text-align: center;\r\n background: rgba(0, 0, 0, 0.7);\r\n border-radius: 2px;\r\n position: absolute;\r\n bottom: 10px;\r\n right: 10px;\r\n }\r\n }\r\n .info-box {\r\n width: calc(100% -140px);\r\n height: 114px;\r\n margin-left: 15px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 3px 0;\r\n .is_normal {\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n line-height: 114px;\r\n color: #999999;\r\n font-size: 14px;\r\n }\r\n .title-box {\r\n width: 100%;\r\n height: 114px;\r\n .series-title {\r\n max-width: 500px;\r\n height: 25px;\r\n line-height: 25px;\r\n width: 100%;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #222222;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n }\r\n .title {\r\n width: 100%;\r\n max-width: 500px;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #222222;\r\n }\r\n }\r\n\r\n .footer {\r\n display: flex;\r\n align-items: center;\r\n .app-logo {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n }\r\n .app-name {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #666666;\r\n margin-left: 5px;\r\n }\r\n .icon {\r\n height: 14px;\r\n width: 14px;\r\n margin-left: 10px;\r\n }\r\n .read-num {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #999999;\r\n margin-left: 3px;\r\n }\r\n }\r\n }\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!./card-cover-detail.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!./card-cover-detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./card-cover-detail.vue?vue&type=template&id=785f94f6&scoped=true&\"\nimport script from \"./card-cover-detail.vue?vue&type=script&lang=js&\"\nexport * from \"./card-cover-detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./card-cover-detail.vue?vue&type=style&index=0&id=785f94f6&prod&lang=scss&scoped=true&\"\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 \"785f94f6\",\n null\n \n)\n\nexport default component.exports","'use strict';\n// https://github.com/tc39/proposal-string-pad-start-end\nvar $export = require('./_export');\nvar $pad = require('./_string-pad');\nvar userAgent = require('./_user-agent');\n\n// https://github.com/zloirock/core-js/issues/280\nvar WEBKIT_BUG = /Version\\/10\\.\\d+(\\.\\d+)?( Mobile\\/\\w+)? Safari\\//.test(userAgent);\n\n$export($export.P + $export.F * WEBKIT_BUG, 'String', {\n padStart: function padStart(maxLength /* , fillString = ' ' */) {\n return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, true);\n }\n});\n","// 26.1.9 Reflect.has(target, propertyKey)\nvar $export = require('./_export');\n\n$export($export.S, 'Reflect', {\n has: function has(target, propertyKey) {\n return propertyKey in target;\n }\n});\n"],"sourceRoot":""}
|
