| 1 |
- {"version":3,"sources":["webpack:///./src/assets/avatar.png","webpack:///./src/assets/icon-173.png","webpack:///./src/views/video/video-history.vue?00b0","webpack:///./src/assets/icon-175.png","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/views/video/video-history.vue","webpack:///src/views/video/video-history.vue","webpack:///./src/views/video/video-history.vue?3c87","webpack:///./src/views/video/video-history.vue?1f86","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","domProps","_s","content","staticRenderFns","name","props","val","default","highlightKey","color","computed","component","attrs","require","on","$event","$router","back","_v","swipeCellList","openOrCloseEdit","edit","ref","swipeCellOption","scopedSlots","_u","key","fn","item","time","toDetail","is_normal","cover","duration","title","searchKeyword","recently_title","app_logo","app_name","read_num","components","TextHighlight","SwipeCellList","VideoTime","data","showSearch","timeKey","searchKey","listApi","itemButtons","text","bgColor","click","bottomButtons","mounted","methods","batchesDel","ids","Toast"],"mappings":"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","file":"js/chunk-52d3c442.825c902b.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!./video-history.vue?vue&type=style&index=0&id=3ac80d32&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/icon-175.d86870bd.png\";","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","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\")},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:\"time\",fn:function({item}){return [_c('p',{staticClass:\"my-collection-list-time\"},[_vm._v(_vm._s(item.time))])]}},{key:\"item\",fn:function({item}){return [_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-175.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\"},[_c('text-highlight',{attrs:{\"val\":item.title,\"highlight-key\":_vm.swipeCellList.searchKeyword}})],1),_c('p',{staticClass:\"my-collection-module-top-sidebar-sub-title\"},[_vm._v(\"\\n \"+_vm._s(item.recently_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))])])])])])])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 学习服务-视频-学习历史 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\t\t\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()\">\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 #time=\"{item}\">\r\n <p class=\"my-collection-list-time\">{{ item.time }}</p>\r\n </template>\r\n <template #item=\"{item}\">\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-175.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 <text-highlight :val=\"item.title\" :highlight-key=\"swipeCellList.searchKeyword\"/>\r\n </p>\r\n <p class=\"my-collection-module-top-sidebar-sub-title\">\r\n {{ item.recently_title }}\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\r\n </template>\r\n </swipe-cell-list>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport {\r\n\t\tVideoService,GeneralService\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 TextHighlight from \"@/components/text-highlight.vue\";\r\n\r\n\texport default {\r\n\t\tcomponents: {\r\n TextHighlight,\r\n SwipeCellList,\r\n\t\t\tVideoTime\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n swipeCellOption: {\r\n showSearch: true,\r\n timeKey: 'time',\r\n searchKey: 'title',\r\n listApi: params => VideoService.getLearnHistory(params),\r\n itemButtons: [{\r\n text: '删除',\r\n bgColor: '#2A63F3',\r\n click: item => this.batchesDel(item.id),\r\n }],\r\n bottomButtons: [{\r\n text: '删除',\r\n bgColor: '#2A63F3',\r\n click: (items = []) => {\r\n if (items.length === 0) {\r\n return Toast('请至少选择一个');\r\n }\r\n this.batchesDel(items.map(item => item.id).join(','));\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 batchesDel(ids) {\r\n return GeneralService.delTrack({\r\n ids: ids,\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\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\tpadding: 0 15px;\r\n\t\tposition: relative;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\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}\r\n\r\n\t.header-title {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight:bold;\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\tpadding-bottom: 83px;\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\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.list {\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.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;\r\n\t\tbox-sizing: border-box;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.img-box {\r\n\t\twidth: 100px;\r\n\t\theight: 72px;\r\n\t\tposition: relative;\r\n\t\tmargin-right: 14px;\r\n\t}\r\n\r\n\t.img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder-radius: 7px;\r\n\t\tobject-fit: cover;\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\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\theight: 72px;\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.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.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-wrap {\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-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 0 12px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.my-collection-list-time {\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 12px;\r\n\t\tfont-weight: bold;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0 0 10px 0;\r\n\t\tbox-sizing: border-box;\r\n background: #F4F4F4;\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: 10px;\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 padding: 10px;\r\n border-radius: 10px;\r\n overflow: hidden;\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: 140px;\r\n\t\theight: 78px;\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: 78px;\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\tflex-direction: column;\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\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}\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: #2A63F3;\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\t.image-text-tag {\r\n\t\tpadding: 0 3px;\r\n\t\twidth: fit-content;\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\tposition: absolute;\r\n\t\tbottom: 4px;\r\n\t\tright: 4px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 10px;\r\n\t\tborder-radius: 1px;\r\n\t\tbackground: rgba(0, 0, 0, 0.7);\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-history.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-history.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video-history.vue?vue&type=template&id=3ac80d32&scoped=true&\"\nimport script from \"./video-history.vue?vue&type=script&lang=js&\"\nexport * from \"./video-history.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video-history.vue?vue&type=style&index=0&id=3ac80d32&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 \"3ac80d32\",\n null\n \n)\n\nexport default component.exports","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":""}
|
