Home Verkennen Help
Registreren Inloggen
wupengfei
/
gaoyixia
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
gaoyixia
/
public
/
dist
/
js
/
chunk-2f620e32.ae6f23b5.js.map

chunk-2f620e32.ae6f23b5.js.map 58 KB
Permalink Geschiedenis Ruwe

1 
  1. {"version":3,"sources":["webpack:///./src/assets/avatar.png","webpack:///./src/assets/icon-173.png","webpack:///./src/components/text-hide-by-line.vue?188e","webpack:///./src/components/text-hide.vue?1036","webpack:///./src/views/video/video-my-comments.vue","webpack:///src/views/video/video-my-comments.vue","webpack:///./src/views/video/video-my-comments.vue?1daf","webpack:///./src/views/video/video-my-comments.vue?7801","webpack:///./src/assets/icon-152.png","webpack:///./src/views/video/video-my-comments.vue?1b93","webpack:///./src/assets/icon-176.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/video-time.vue?d140","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/video-time.vue","webpack:///src/components/video-time.vue","webpack:///./src/components/video-time.vue?9497","webpack:///./src/components/video-time.vue?89a0"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","require","on","$event","$router","back","_v","swipeCellList","openOrCloseEdit","_s","edit","ref","swipeCellOption","scopedSlots","_u","key","fn","item","headimg","user_name","create_at","content","searchKeyword","toDetail","is_normal","cover","duration","title","app_logo","app_name","read_num","deletePopup","batchesDel","checkIds","staticRenderFns","components","TextHideByLine","TextHighlight","TextHide","SwipeCellList","VideoTime","data","showSearch","searchKey","listApi","itemButtons","text","bgColor","click","bottomButtons","mounted","methods","id","type","Toast","component","highlightKey","color","hideBtn","_e","directives","name","rawName","value","valSize","maxSize","expression","stopPropagation","showAll","props","val","default","computed","style","lineClamp","contentLine","maxLine","background","_t","staticStyle","btnType","position","width","fontSize","height","heightChangeEvent","contentResizeObserver","domProps","time"],"mappings":"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","file":"js/chunk-2f620e32.ae6f23b5.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/avatar.0166dac5.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPxJREFUSEvNlTFuwkAQRf+4iZALLhCJg4RDhJYWyWPRBokqIVDR4DZe25wBR6EMh8oB1j8ykotESNjYa7H1zH/7Z79mBY6PONZHf4AkSXYkZwCGLV39iMg+CIKXUufswBjzDODQUvh/+0RV8zMgjuM3EVl3CSC5CsNwUzlYAXjvElDqqer6bgBfJD89z3slOarptJGDuap+RFE08H1/AWAJwL8Cag6oBNM0fSS5JTmtkngBdjugEjPGjAF8A3hwAsiy7Mlae+ocUI7IWrsVkW5H5OyRReRYFEXuMqY1o/+nrFGK2gH6WHZu13Xp3+mHc8uA6/b09yfXvVHTul9MCqIZAaJnUgAAAABJRU5ErkJggg==\"","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',{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(\"我的评论\")]),_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\"},[_c('div',{staticClass:\"like-me-top-top\"},[(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\":\"\"}}),_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('p',{staticClass:\"like-me-top-bottom\"},[_c('text-hide-by-line',{attrs:{\"val\":item.content,\"highlight-key\":_vm.swipeCellList.searchKeyword}})],1)]),_c('div',{staticClass:\"my-collection-module\",on:{\"click\":function($event){return _vm.toDetail(item)}}},[_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-176.png\"),\"alt\":\"\"}})]):_c('div',{staticClass:\"my-collection-module-top-img-box\"},[_c('img',{staticClass:\"my-collection-module-top-img\",attrs:{\"src\":item.cover,\"alt\":\"\"}}),_c('video-time',{staticClass:\"my-collection-module-top-time\",attrs:{\"duration\":item.duration}})],1),_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\"},[_vm._v(\"\\n                    \"+_vm._s(item.title)+\"\\n\")])]),_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.app_logo,\"alt\":\"\"}}):_c('img',{staticClass:\"like-me-top-top-img\",attrs:{\"src\":require(\"@/assets/avatar.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(item.app_name || '匿名用户'))])]),_c('p',{staticClass:\"my-collection-module-top-sidebar-row2\"},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-173.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(item.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(\"取消\")]),_c('button',{staticClass:\"confirm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.batchesDel(_vm.checkIds)}}},[_vm._v(\"确定\")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 学习服务-视频-我的评论 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\r\n\t\t<div class=\"header-wrap\">\r\n\t\t\t<div class=\"header\">\r\n\t\t\t\t<img src=\"@/assets/return.png\" class=\"return-img\" @click=\"$router.back()\" alt=\"\">\r\n\t\t\t\t<p class=\"header-title\">我的评论</p>\r\n        <button type=\"button\" class=\"header-btn\" @click=\"swipeCellList.openOrCloseEdit()\">\r\n          {{ swipeCellList && swipeCellList.edit ? '取消' : '管理' }}\r\n        </button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n    <swipe-cell-list ref=\"swipeCellList\" :option=\"swipeCellOption\">\r\n      <template #item=\"{item}\">\r\n\r\n        <div class=\"my-collection-item-column\">\r\n          <div class=\"like-me-top\">\r\n            <div class=\"like-me-top-top\">\r\n              <img :src=\"item.headimg\" class=\"like-me-top-top-img\" v-if=\"item.headimg\" alt=\"\">\r\n              <img src=\"@/assets/avatar.png\" class=\"like-me-top-top-img\" v-else alt=\"\">\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 :val=\"item.user_name || '匿名用户'\" :max-size=\"10\" :hide-btn=\"true\"/>\r\n                  </p>\r\n                  <p class=\"like-me-top-top-time\">{{ item.create_at }}</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <p class=\"like-me-top-bottom\">\r\n              <text-hide-by-line :val=\"item.content\" :highlight-key=\"swipeCellList.searchKeyword\"/>\r\n            </p>\r\n          </div>\r\n          <div class=\"my-collection-module\" @click=\"toDetail(item)\">\r\n            <div class=\"my-collection-module-top\">\r\n              <!-- 失效时候显示 -->\r\n              <div class=\"my-collection-module-top-img-box\" v-if=\"item.is_normal === 0\">\r\n                <img src=\"@/assets/icon-176.png\" class=\"my-collection-module-top-img\" alt=\"\">\r\n              </div>\r\n              <!-- 正常 -->\r\n              <div class=\"my-collection-module-top-img-box\" v-else>\r\n                <img :src=\"item.cover\" class=\"my-collection-module-top-img\" alt=\"\">\r\n                <video-time class=\"my-collection-module-top-time\" :duration=\"item.duration\"/>\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                    {{ item.title }}\r\n<!--                    <text-highlight :val=\"item.title\" :highlight-key=\"swipeCellList.searchKeyword\"/>-->\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 :src=\"item.app_logo\" class=\"like-me-top-top-img\" v-if=\"item.app_logo\" alt=\"\">\r\n                    <img src=\"@/assets/avatar.png\" class=\"like-me-top-top-img\" v-else alt=\"\">\r\n                    <span>{{ item.app_name || '匿名用户' }}</span>\r\n                  </p>\r\n                  <p class=\"my-collection-module-top-sidebar-row2\">\r\n                    <img src=\"@/assets/icon-173.png\" alt=\"\">\r\n                    <span>{{ item.read_num }}</span>\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      </template>\r\n    </swipe-cell-list>\r\n\r\n\r\n\t\t<!-- 删除弹窗 -->\r\n\t\t<van-overlay :show=\"deletePopup\" @click=\"deletePopup = false\" z-index=\"99999\">\r\n\t\t\t<div class=\"window\">\r\n\t\t\t\t<span class=\"window-text\">确定要删除该信息</span>\r\n\t\t\t\t<div class=\"window-btn-box\">\r\n\t\t\t\t\t<button type=\"button\" class=\"cancel\" @click=\"deletePopup = false\">取消</button>\r\n\t\t\t\t\t<button type=\"button\" class=\"confirm\" @click=\"batchesDel(checkIds)\">确定</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</van-overlay>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport {\r\n\t\tVideoService\r\n\t} from \"@/common/service\";\r\n\timport VideoTime from \"@/components/video-time\";\r\n\timport {\r\n\t\tToast\r\n\t} from \"vant\";\r\n  import SwipeCellList from \"@/components/swipe-cell-list.vue\";\r\n  import TextHide from \"@/components/text-hide.vue\";\r\n  import TextHighlight from \"@/components/text-highlight.vue\";\r\n  import TextHideByLine from \"@/components/text-hide-by-line.vue\";\r\n\r\n\texport default {\r\n\t\tcomponents: {\r\n      TextHideByLine,\r\n      TextHighlight,\r\n      TextHide,\r\n      SwipeCellList,\r\n\t\t\tVideoTime\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\t// 删除弹窗\r\n\t\t\t\tdeletePopup: false,\r\n\r\n        checkIds: '',\r\n\r\n        swipeCellOption: {\r\n          showSearch: true,\r\n          searchKey: 'title',\r\n          listApi: params => VideoService.getCommentVideo(params),\r\n          itemButtons: [{\r\n            text: '删除',\r\n            bgColor: '#FFAE18',\r\n            click: item => {\r\n              this.checkIds = item.id;\r\n              this.deletePopup = true;\r\n            },\r\n          }],\r\n          bottomButtons: [{\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        swipeCellList: null,\r\n      };\r\n    },\r\n    mounted() {\r\n      this.swipeCellList = this.$refs.swipeCellList;\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\ttoDetail(item) {\r\n\t\t\t\tif (item.is_normal === 0) return Toast('已下架');\r\n\t\t\t\tthis.$router.push(`/video-details?id=${item.video_id}&videoArrId=${item.url_id}`);\r\n\t\t\t},\r\n\r\n      // 删除\r\n      batchesDel(ids) {\r\n        return VideoService.batchesDel({\r\n          id: ids,\r\n          type: 1,\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\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t/* 头部样式 */\r\n\t.header-wrap {\r\n\t\twidth: 100%;\r\n\t\theight: 44px;\r\n\t\t/* \theight: 102px; */\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 500;\r\n\t\tbackground-color: #FFFFFF;\r\n\t}\r\n\r\n\t.header-wrap-tab-list-none {\r\n\t\theight: 80px;\r\n\t\tpadding-bottom: 10px;\r\n\t}\r\n\r\n\t.header {\r\n\t\twidth: 100%;\r\n\t\theight: 44px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tz-index: 999;\r\n\t\t/* padding: 0 15px; */\r\n\t\tposition: relative;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.return-img {\r\n\t\tposition: absolute;\r\n\t\tleft: 15px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t\twidth: 20px;\r\n\t\tz-index: 99999;\r\n\t}\r\n\r\n\t.header-title {\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight:bold;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.full-mark-read {\r\n\t\tposition: absolute;\r\n\t\tright: 73px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t\tcolor: #2A63F3;\r\n\t\tfont-size: 11px;\r\n\t\tpadding: 0 6px;\r\n\t\tborder-radius: 50px;\r\n\t\tbackground-color: #F2F6FF;\r\n\t\theight: 20px;\r\n\t\tline-height: 20px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.full-mark-read>img {\r\n\t\twidth: 14px;\r\n\t\tmargin-right: 2px;\r\n\t}\r\n\r\n\t.header-btn {\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t\tposition: absolute;\r\n\t\tpadding: 0 12px;\r\n\t\tright: 0;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t}\r\n\r\n\t.search-box {\r\n\t\twidth: 100%;\r\n\t\theight: 56px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 12px;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t}\r\n\r\n\t.search-bar {\r\n\t\tflex: 1;\r\n\t\theight: 36px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 100px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.search-icon {\r\n\t\twidth: 16px;\r\n\t\tmargin-right: 8px;\r\n\t}\r\n\r\n\t.search-input {\r\n\t\tflex: 1;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.search-input::placeholder {\r\n\t\tcolor: #888888;\r\n\t}\r\n\r\n\t.tab-list>li {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\theight: 38px;\r\n\t\tline-height: 38px;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #555555;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.tab-list>li.active {\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight:bold;\r\n\t\tcolor: #222222;\r\n\t}\r\n\r\n\t.tab-list>li.active::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, 0);\r\n\t\tbackground: linear-gradient(90deg, #2A63F3, #81B8FF);\r\n\t\tborder-radius: 2px;\r\n\t\twidth: 18px;\r\n\t\theight: 4px;\r\n\t}\r\n\r\n\r\n\r\n\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\theight: calc(100vh - 44px);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin: 44px 0 0;\r\n\t\tbox-sizing: border-box;\r\n\t\tbackground: #F4F4F4;\r\n\t\toverflow-y: auto;\r\n\t}\r\n\r\n\t.wrap-tab-list-none {\r\n\t\theight: calc(100vh - 90px);\r\n\t\tmargin: 90px 0 0;\r\n\t}\r\n\r\n\t.sub-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 12px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\t/*height: 100%;*/\r\n\t\toverflow: auto;\r\n\t}\r\n\r\n\t.sub-list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tbox-shadow: 0 0 12px rgba(0, 0, 0, 0.08);\r\n\t\tborder-radius: 12px;\r\n\t\tmargin-bottom: 12px;\r\n\t\tpadding: 10px;\r\n\t\tbox-sizing: border-box;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\r\n\t.sub-list>li:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.float-box {\r\n\t\tposition: fixed;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, 0);\r\n\t\tbottom: 40px;\r\n\t\tz-index: 499;\r\n\t}\r\n\r\n\t.float-box>button {\r\n\t\tmin-width: 175px;\r\n\t\theight: 44px;\r\n\t\tline-height: 44px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #2A63F3;\r\n\t\tborder-radius: 100px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight:bold;\r\n\t}\r\n\r\n\t.module {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 5px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.time {\r\n\t\twidth: 100%;\r\n\t\tcolor: #7F7F7F;\r\n\t\tfont-size: 10px;\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\r\n\t.list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 12px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tbox-shadow: 0 0 12px rgba(0, 0, 0, 0.08);\r\n\t\tborder-radius: 12px;\r\n\t\tpadding: 12px 10px 14px 18px;\r\n\t\tbox-sizing: border-box;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.list>li:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.img-box {\r\n\t\twidth: 26px;\r\n\t\theight: 30px;\r\n\t\tposition: relative;\r\n\t\tmargin-right: 16px;\r\n\t}\r\n\r\n\t.img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.tag {\r\n\t\twidth: 34px;\r\n\t\theight: 14px;\r\n\t\tline-height: 14px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground: linear-gradient(90deg, #FFCD7C, #FFEEBA);\r\n\t\tborder-radius: 0 7px 0 7px;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 12px;\r\n\t\tfont-weight: bold;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t}\r\n\r\n\t.tag-black {\r\n\t\twidth: 34px;\r\n\t\theight: 14px;\r\n\t\tline-height: 14px;\r\n\t\tbackground: rgba(0, 0, 0, 0.8);\r\n\t\tborder-radius: 50px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 9px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tposition: absolute;\r\n\t\tright: 8px;\r\n\t\tbottom: 8px;\r\n\t}\r\n\r\n\t.item-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.item-name {\r\n\t\twidth: 100%;\r\n\t\tline-height: 21px;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 15px;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 2;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\t.row {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 12px;\r\n\t}\r\n\r\n\t.avatar {\r\n\t\twidth: 14px;\r\n\t\theight: 14px;\r\n\t\tborder-radius: 50%;\r\n\t\tmargin-right: 4px;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.row2 {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 12px;\r\n\t}\r\n\r\n\t.play-icon {\r\n\t\twidth: 12px;\r\n\t\tmargin-right: 4px;\r\n\t}\r\n\r\n\t.item-between {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-end;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.circle-btn {\r\n\t\twidth: 13px;\r\n\t\theight: 13px;\r\n\t}\r\n\r\n\t.circle-icon {\r\n\t\twidth: 13px;\r\n\t}\r\n\r\n\t.font-1 {\r\n\t\tfont-size: 10px;\r\n\t\tcolor: #888888;\r\n\t}\r\n\r\n\t.normal-box-small {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #888888;\r\n\t\tpadding: 48px 0;\r\n\t}\r\n\r\n\t.normal-box-small>img {\r\n\t\twidth: 195.2px;\r\n\t\tmargin-bottom: 38px;\r\n\t}\r\n\r\n\t.my-collection-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 0 12px 0;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.my-collection-list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding-top: 14px;\r\n\t\tpadding-bottom: 10px;\r\n\t\tpadding-right: 10px;\r\n\t\tpadding-left: 10px;\r\n\t\tbox-sizing: border-box;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 10px;\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\r\n\t.my-circle-box {\r\n\t\tpadding-right: 10px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.my-circle-box>img {\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t}\r\n\r\n\t.my-collection-module {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: #F3F3F3;\r\n\t\tborder-radius: 6px;\r\n\t\tpadding: 10px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.my-collection-module-top {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.my-collection-module-top-img-box {\r\n\t\twidth: 130px;\r\n\t\theight: 73px;\r\n\t\tborder-radius: 6px;\r\n\t\toverflow: hidden;\r\n\t\tposition: relative;\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n\t.my-collection-module-top-img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.my-collection-module-top-time {\r\n\t\tbackground: rgba(0, 0, 0, 0.7);\r\n\t\theight: 12px;\r\n\t\tline-height: 12px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 2px;\r\n\t\tfont-size: 9px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tposition: absolute;\r\n\t\tright: 7px;\r\n\t\tbottom: 4px;\r\n\t}\r\n\r\n\t.my-collection-module-top-time-gray {\r\n\t\tbackground: rgba(0, 0, 0, 0.3);\r\n\t\theight: 12px;\r\n\t\tline-height: 12px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 2px;\r\n\t\tfont-size: 9px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tposition: absolute;\r\n\t\tright: 7px;\r\n\t\tbottom: 3px;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar {\r\n\t\tflex: 1;\r\n\t\theight: 73px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: space-between;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-top {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-title {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 2;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-sub-title {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-bottom {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-row1 {\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 10px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-right: 8px;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-row1>span {\r\n\t\tmax-width: 73px;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-row1>img {\r\n\t\twidth: 12px;\r\n\t\theight: 12px;\r\n\t\tborder-radius: 50%;\r\n\t\tmargin-right: 2px;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-row2 {\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 10px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-row2>span {\r\n\t\t/* \tmax-width: 45px;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical; */\r\n\t}\r\n\r\n\t.my-collection-module-top-sidebar-row2>img {\r\n\t\twidth: 12px;\r\n\t\tmargin-right: 2px;\r\n\t}\r\n\r\n\t.my-collection-module-bottom {\r\n\t\twidth: 100%;\r\n\t\theight: 45px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.my-collection-module-bottom-btn {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 12px;\r\n\t}\r\n\r\n\t.my-collection-module-bottom-btn.active {\r\n\t\tcolor: #2A63F3;\r\n\t}\r\n\r\n\t.my-collection-module-bottom-btn>img {\r\n\t\twidth: 16px;\r\n\t\tmargin-right: 4px;\r\n\t}\r\n\r\n\t.footer {\r\n\t\twidth: 100%;\r\n\t\theight: 83px;\r\n\t\tbox-sizing: border-box;\r\n\t\tpadding-top: 8px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tposition: fixed;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\t.footer-wrap {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 12px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.footer-all-btn {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.footer-all-btn>img {\r\n\t\twidth: 24px;\r\n\t\tmargin-right: 4px;\r\n\t}\r\n\r\n\t.cancel-collection-btn {\r\n\t\tbackground-color: #FFAF18;\r\n\t\tborder-radius: 50px;\r\n\t\twidth: 100px;\r\n\t\theight: 40px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 16px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.cancel-collection-btn.blue {\r\n\t\tbackground-color: #2A63F3;\r\n\t}\r\n\r\n\t.font-10 {\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 11px;\r\n\t}\r\n\r\n\t.font-11 {\r\n\t\tcolor: #FF6700;\r\n\t\tfont-size: 11px;\r\n\t\tmargin: 0 10px;\r\n\t}\r\n\r\n\t.header-tab-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\theight: 40px;\r\n\t\tborder-top: 1px solid #F4F4F4;\r\n\t\tbox-sizing: border-box;\r\n\t\tbackground-color: #FFFFFF;\r\n\t}\r\n\r\n\t.header-tab-list>li {\r\n\t\tflex: 1;\r\n\t\theight: 40px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 15px;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.header-tab-list>li.active {\r\n\t\tcolor: #2A63F3;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.header-tab-list>li.active::after {\r\n\t\tcontent: \"\";\r\n\t\tborder-radius: 2px;\r\n\t\tbackground-color: #2A63F3;\r\n\t\twidth: 34px;\r\n\t\theight: 3px;\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, 0);\r\n\t}\r\n\r\n\t.header-tab-circle {\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 10px;\r\n\t\tmin-width: 12px;\r\n\t\theight: 12px;\r\n\t\tline-height: 12px;\r\n\t\tpadding: 0 2px;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tmargin-left: 2px;\r\n\t\tbackground-color: #FF5143;\r\n\t\tborder-radius: 50%;\r\n\t}\r\n\r\n\t.subscribe-messages-module {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.subscribe-messages-head-between {\r\n\t\twidth: 100%;\r\n\t\theight: 45px;\r\n\t\tborder-bottom: 1px solid #F4F4F4;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.subscribe-messages-head-left {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.font-12 {\r\n\t\tflex: 1;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 15px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.font-13 {\r\n\t\tmargin-left: 4px;\r\n\t\tborder-radius: 50px;\r\n\t\tbackground-color: #FF5143;\r\n\t\tpadding: 0 5px;\r\n\t\theight: 16px;\r\n\t\tline-height: 16px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 10px;\r\n\t}\r\n\r\n\t.subscribe-messages-head-right {\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 12px;\r\n\t\tmargin-left: 6px;\r\n\t}\r\n\r\n\t.subscribe-messages-bottom {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 9px 0 13px;\r\n\t}\r\n\r\n\t.subscribe-messages-bottom-title {\r\n\t\twidth: 100%;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 13px;\r\n\t}\r\n\r\n\t.subscribe-messages-bottom-btn-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-top: 12px;\r\n\t}\r\n\r\n\t.subscribe-messages-bottom-btn {\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 11px;\r\n\t\tpadding: 0 11px;\r\n\t\theight: 24px;\r\n\t\tline-height: 24px;\r\n\t\tborder: 1px solid #979797;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: 50px;\r\n\t\twidth: fit-content;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.next-unread {\r\n\t\twidth: 108px;\r\n\t\theight: 30px;\r\n\t\tborder-radius: 15px 0 0 15px;\r\n\t\tborder: 1px solid #2A63F3;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tposition: fixed;\r\n\t\tright: 0;\r\n\t\tbottom: 68px;\r\n\t\tz-index: 9999;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcolor: #2A63F3;\r\n\t\tfont-size: 12px;\r\n\t}\r\n\r\n\t.next-unread>img {\r\n\t\twidth: 12px;\r\n\t\tmargin-right: 2px;\r\n\t}\r\n\r\n\t.like-me-top {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: 8px;\r\n\t}\r\n\r\n\t.like-me-top-top {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.like-me-top-top-img {\r\n\t\twidth: 34px;\r\n\t\theight: 34px;\r\n\t\tborder-radius: 50%;\r\n\t\tmargin-right: 8px;\r\n\t}\r\n\r\n\t.like-me-top-top-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.like-me-top-top-name {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.like-me-top-top-time {\r\n\t\twidth: 100%;\r\n\t\tcolor: #999999;\r\n\t\tfont-size: 10px;\r\n\t}\r\n\r\n\t.like-me-top-bottom {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-top: 10px;\r\n\t}\r\n\r\n\t.comment-on {\r\n\t\twidth: 100%;\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\r\n\t.full-text-btn {\r\n\t\tcolor: #2A63F3;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.reply-between-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.reply-btn-blue {\r\n\t\tcolor: #2A63F3;\r\n\t\tfont-size: 11px;\r\n\t\twidth: 50px;\r\n\t\theight: 24px;\r\n\t\tline-height: 24px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tborder: 1px solid #2A63F3;\r\n\t\tborder-radius: 40px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t}\r\n\t.my-collection-item-column {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n    padding: 10px;\r\n\t}\r\n\t.window {\r\n\t\twidth: calc(100% - 54px);\r\n\t\theight: 180px;\r\n\t\tborder-radius: 12px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tpadding: 38px 25px 32px;\r\n\t\tbox-sizing: border-box;\r\n\t\tposition: fixed;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tz-index: 1000;\r\n\t}\r\n\t\r\n\t.window-text {\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 18px;\r\n\t}\r\n\t\r\n\t.window-btn-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-top: 43px;\r\n\t}\r\n\t\r\n\t.window-btn-box>button {\r\n\t\tflex: 1;\r\n\t\theight: 42px;\r\n\t\tfont-size: 17px;\r\n\t\tmargin-right: 27px;\r\n\t\tborder-radius: 50px;\r\n\t}\r\n\t\r\n\t.window-btn-box>button:last-child {\r\n\t\tmargin-right: 0;\r\n\t}\r\n\t\r\n\t.window-btn-box>button.cancel {\r\n\t\tbackground-color: #F4F4F4;\r\n\t\tcolor: #333333;\r\n\t}\r\n\t\r\n\t.window-btn-box>button.confirm {\r\n\t\tbackground-color: #2A63F3;\r\n\t\tcolor: #FFFFFF;\r\n\t}\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!./video-my-comments.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!./video-my-comments.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video-my-comments.vue?vue&type=template&id=4c81b50a&scoped=true&\"\nimport script from \"./video-my-comments.vue?vue&type=script&lang=js&\"\nexport * from \"./video-my-comments.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video-my-comments.vue?vue&type=style&index=0&id=4c81b50a&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  \"4c81b50a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAOxJREFUWEft1bENwjAQheE/HRuwA2NQ0TIBFRVLMAjMQEtFyQhIjMAGVAhZsiULBZ995yKIS3tx8uX5Lh6Y2DVMzIODpB3xhDwhKQGp7j30twmt4pefpQSkeo8eCphTfNEaMKGsoISZRdATMKEsoBxzi6AFYEJpQZ+YZQRdABNKAxrDPCJoDphQraASJg2QCdUCqsGYUbWgFowJVQPSYNQoCWTBqFAlUA9MM6oE2gBH4A6E/0wabek4+lbPp+8AbMdulLYsHAPXDpg8qR2wB14akDYN9TopIfWDtQsdJCXnCXlCUgJS3Xvo5xJ6A/WPQiV5qJTwAAAAAElFTkSuQmCC\"","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!./video-my-comments.vue?vue&type=style&index=0&id=4c81b50a&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/icon-176.4d232e45.png\";","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","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!./video-time.vue?vue&type=style&index=0&id=555be09a&prod&scoped=true&lang=css&\"","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\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"video-time\"},[_vm._v(_vm._s(_vm.duration > 0 ? _vm.time : '视频'))])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"video-time\">{{ duration > 0 ? time : '视频'}}</div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'video-time',\r\n  props: {\r\n    // 秒\r\n    duration: {\r\n      default: 0,\r\n    },\r\n  },\r\n  computed: {\r\n    time() {\r\n      const add0 = num => (num >= 0 && num < 10 ? '0' : '') + num;\r\n      const s = this.duration % 60;\r\n      const m = (this.duration - s) / 60 % 60;\r\n      const h = (this.duration - s - m * 60) / 60 / 60;\r\n      return (h > 0 ? `${add0(h)}:` : '') + `${add0(m)}:${add0(m)}`;\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.video-time{\r\n  padding: 0 4px;\r\n  background-color: #000000;\r\n  color: #FFFFFF;\r\n  height: 14px;\r\n  line-height: 14px;\r\n  font-size: 10px;\r\n  border-radius: 7px;\r\n  opacity: 0.8;\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!./video-time.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!./video-time.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video-time.vue?vue&type=template&id=555be09a&scoped=true&\"\nimport script from \"./video-time.vue?vue&type=script&lang=js&\"\nexport * from \"./video-time.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video-time.vue?vue&type=style&index=0&id=555be09a&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  \"555be09a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}
    2.