| 1 |
- {"version":3,"sources":["webpack:///./src/assets/icon-170active.png","webpack:///./src/views/video/video-my-collection.vue?2b85","webpack:///./src/assets/icon-173.png","webpack:///./src/views/video/video-my-collection.vue","webpack:///src/views/video/video-my-collection.vue","webpack:///./src/views/video/video-my-collection.vue?974c","webpack:///./src/views/video/video-my-collection.vue?f793","webpack:///./src/assets/icon-171.png","webpack:///./src/assets/icon-168.png","webpack:///./src/assets/icon-170.png","webpack:///./src/assets/icon-169.png","webpack:///./src/assets/icon-176.png","webpack:///./src/assets/icon-172.png","webpack:///./src/components/video-time.vue?d140","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","toDetail","is_normal","cover","duration","title","searchKeyword","recently_title","app_logo","app_name","read_num","stopPropagation","showShare","transmit_num","showCommentPost","comment_num","class","active","is_praise","videoTags","praise_num","is_collect","batchesDel","id","collect_num","option","postApi","postReplyApi","submit","share","staticRenderFns","components","SharePopup","CommentPost","TextHighlight","SwipeCellList","VideoTime","data","current","params","video_id","url_id","showSearch","searchKey","listApi","itemButtons","text","bgColor","click","bottomButtons","mounted","methods","type","Toast","like_id","userCollect","coll_type","coll_id","link","imgUrl","desc","video_type","VideoService","component","time","name","props","default","computed"],"mappings":"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","file":"js/chunk-2f20d0bd.66b0085d.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAodJREFUWEftlj1oFFEUhc+ZJLJJZpJGFLQJYuHuaqMQLIwKAQtFRCu1kJhd//qAppCgXUQttFGzs4oJWigoCIKgjW6l+IO4by0sLCKYQiXObGJidq5sVJLJzmxm9oeA+Mp5973zzX3n3fuIJR5cYn38AwADouEMnUozWXEGoonxXRQOCLWNpHwX4JZMy8D7m21fwsBUBBA/bB+AhmGBNMwTE4BvGqdbu94OMx8UIjTApqPSNDljj4JYUSIiKEL0qbR+sW4A65LWPs3BXdDXwE+VaWyrD8B2aYytsV+B2OArQL5QKb2zLgDRXussidOLbH5fmcbemgNEE9Z+gCN0G89Dhw8JXnFPzPwkG16/S+ljCxcEMmG0Z3wnNe0eiGUB/qxoRK+wKVBOqpRxaf5kSWQ0ObGZUjgHYD0gfcpsS8d6rTFP1wegcYfMFqwdytSf/P3uAoglJjoBJwNI0+8A7bgyW6/GEnYekJbQeh4LRHA7lzYO+gBYjwF0z62rPQAAl0ndGUjaoxBZXUcAocb+7JA+6JeBzwBW1g+AAnG2qnRbJjyASHOZ6hfUHlPTLXr7h8ucCg8ARADRgir5xGWUaXT5XsNYwvI9AoFECFQFIOBgztRPVQSAajMgEFLbkzVbH1QIIM3wKXGBjmUWQF+eNfm1UoBqC5FSphEv2wvKeaDqSii4ptLGsUUA7E+ArKp9HaCAOKRS+shiGXgGYEvtAWARTkfWbHedf1FnQTOa7CYKj+Yem9X3AgELJI6olH7dy6wl7TieyO8WcS6AXAvwxJ9uaAMIY0IBZBzC59KA87khvdjkPIfvg6T4+n35DQ7usNDRI5GPN/gj0HULGRToRRRyz1Dh/wF+AbG0KjAP/grnAAAAAElFTkSuQmCC\"","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-collection.vue?vue&type=style&index=0&id=52cdd4fa&prod&scoped=true&lang=css&\"","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:\"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:\"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-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\"},[_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))])])])])]),_c('div',{staticClass:\"my-collection-module-bottom\"},[_c('button',{staticClass:\"my-collection-module-bottom-btn\",attrs:{\"disabled\":item.is_normal === 0,\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.showShare(item)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-168.png\"),\"alt\":\"\"}}),_vm._v(\"\\n \"+_vm._s(item.transmit_num)+\"\\n \")]),_c('button',{staticClass:\"my-collection-module-bottom-btn\",attrs:{\"disabled\":item.is_normal === 0,\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.showCommentPost(item)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/icon-169.png\"),\"alt\":\"\"}}),_vm._v(\"\\n \"+_vm._s(item.comment_num)+\"\\n \")]),_c('button',{staticClass:\"my-collection-module-bottom-btn\",class:{active: item.is_praise},attrs:{\"disabled\":item.is_normal === 0,\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.videoTags(item)}}},[(item.is_praise)?_c('img',{attrs:{\"src\":require(\"@/assets/icon-170active.png\"),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/icon-170.png\"),\"alt\":\"\"}}),_vm._v(\"\\n \"+_vm._s(item.praise_num)+\"\\n \")]),_c('button',{staticClass:\"my-collection-module-bottom-btn\",class:{active: item.is_collect},attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.batchesDel(item.id)}}},[(item.is_collect)?_c('img',{attrs:{\"src\":require(\"@/assets/icon-172.png\"),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/icon-171.png\"),\"alt\":\"\"}}),_vm._v(\"\\n \"+_vm._s(item.collect_num)+\"\\n \")])])])]}}])}),_c('comment-post',{ref:\"commentPost\",attrs:{\"post-api\":_vm.option.postApi,\"post-reply-api\":_vm.option.postReplyApi},on:{\"submit\":function($event){return _vm.option.submit()}}}),_c('share-popup',{ref:\"sharePopup\",attrs:{\"type\":\"share\"},on:{\"share\":_vm.share}})],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()\">\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-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 <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 class=\"my-collection-module-bottom\">\r\n <button :disabled=\"item.is_normal === 0\" type=\"button\" class=\"my-collection-module-bottom-btn\" @click.stop=\"showShare(item)\">\r\n <img src=\"@/assets/icon-168.png\" alt=\"\">\r\n {{ item.transmit_num }}\r\n </button>\r\n <button :disabled=\"item.is_normal === 0\" type=\"button\" class=\"my-collection-module-bottom-btn\" @click.stop=\"showCommentPost(item)\">\r\n <img src=\"@/assets/icon-169.png\" alt=\"\">\r\n {{ item.comment_num }}\r\n </button>\r\n <button :disabled=\"item.is_normal === 0\" type=\"button\" class=\"my-collection-module-bottom-btn\" :class=\"{active: item.is_praise}\" @click.stop=\"videoTags(item)\">\r\n <img src=\"@/assets/icon-170active.png\" alt=\"\" v-if=\"item.is_praise\">\r\n <img src=\"@/assets/icon-170.png\" alt=\"\" v-else>\r\n {{ item.praise_num }}\r\n </button>\r\n <button type=\"button\" class=\"my-collection-module-bottom-btn\" :class=\"{active: item.is_collect}\" @click.stop=\"batchesDel(item.id)\">\r\n <img src=\"@/assets/icon-172.png\" alt=\"\" v-if=\"item.is_collect\">\r\n <img src=\"@/assets/icon-171.png\" alt=\"\" v-else>\r\n {{ item.collect_num }}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n </template>\r\n </swipe-cell-list>\r\n\r\n <comment-post\r\n ref=\"commentPost\"\r\n :post-api=\"option.postApi\"\r\n :post-reply-api=\"option.postReplyApi\"\r\n @submit=\"option.submit()\"\r\n />\r\n\r\n <!-- 分享弹窗 -->\r\n <share-popup ref=\"sharePopup\" type=\"share\" @share=\"share\"/>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n CollectService,\r\n VideoService\r\n} 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\nimport CommentPost from \"@/components/comment-post.vue\";\r\nimport SharePopup from \"@/components/share-popup.vue\";\r\n\r\n\texport default {\r\n\t\tcomponents: {\r\n SharePopup,\r\n CommentPost,\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 current: {},\r\n\r\n option: {\r\n submit: () => {\r\n if (this.current.id) {\r\n if (!(/[+.wW]/.test(this.current.comment_num))) {\r\n this.current.comment_num = parseInt(this.current.comment_num) + 1;\r\n }\r\n }\r\n },\r\n // 发布评论\r\n postApi: params => VideoService.videoComment({\r\n ...params,\r\n video_id: this.current.video_id, // 视频id\r\n url_id: this.current.url_id,\r\n }),\r\n // 回复评论\r\n postReplyApi: (params, comment) => VideoService.secondCommend({\r\n ...params,\r\n id: comment.id,\r\n }),\r\n },\r\n\r\n swipeCellOption: {\r\n showSearch: true,\r\n searchKey: 'title',\r\n listApi: params => VideoService.getVideoCollect(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 },\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: 13,\r\n }).then(({msg}) => {\r\n Toast(msg);\r\n this.swipeCellList.resetList();\r\n this.swipeCellList.openOrCloseEdit(true);\r\n });\r\n },\r\n\r\n // 点赞\r\n videoTags(video) {\r\n return VideoService.videoTags({\r\n type: 2,\r\n like_id: video.url_id\r\n }).then(({ msg, data }) => {\r\n Toast(msg);\r\n this.$set(video, 'is_praise', data.tags);\r\n if (!(/[+.wW]/.test(video.praise_num))) {\r\n this.$set(video, 'praise_num', parseInt(video.praise_num) + (video.is_praise === 1 ? 1 : -1));\r\n }\r\n });\r\n },\r\n\r\n // 收藏\r\n userCollect(video) {\r\n return CollectService.userCollect({\r\n coll_type: 1,\r\n coll_id: video.url_id\r\n }).then(({ msg, data }) => {\r\n Toast(msg);\r\n this.$set(video, 'is_collect', data.status);\r\n if (!(/[+.wW]/.test(video.collect_num))) {\r\n this.$set(video, 'collect_num', parseInt(video.collect_num) + (video.is_collect === 1 ? 1 : -1));\r\n }\r\n });\r\n },\r\n\r\n /**\r\n * 显示评论窗\r\n * @param item\r\n * @param type post 评论 reply 回复\r\n */\r\n showCommentPost(item, type = 'post') {\r\n if (type === 'post') {\r\n this.current = item;\r\n this.$refs.commentPost.showFn();\r\n }\r\n if (type === 'reply') {\r\n this.current = {};\r\n this.$refs.commentPost.showFn(item);\r\n }\r\n },\r\n\r\n showShare(item) {\r\n this.current = item;\r\n const video = this.current;\r\n let link = `${location.href.split('#')[0]}#/video-details?id=${item.video_id}&videoArrId=${item.url_id}`;\r\n this.$refs.sharePopup.showFn({\r\n link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致\r\n title: video.title, // 分享标题\r\n imgUrl: video.cover.indexOf('http') > -1 ? video.cover : `http:${video.cover}`, // 分享图标\r\n desc: video.desc || '', // 分享描述\r\n });\r\n },\r\n share() {\r\n const params = {\r\n video_type: 1, // 视频类型（1 平台 2 会员)\r\n video_id: this.current.video_id, // 视频id\r\n url_id: this.current.url_id, // 平台类型必传\r\n }\r\n VideoService.videoTransmit(params).then(() => {\r\n if (!(/[+.wW]/.test(this.current.transmit_num))) {\r\n this.current.transmit_num = parseInt(this.current.transmit_num) + 1;\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\t\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\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}\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\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\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\t\r\n\t}\r\n\t\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\t\r\n\t.search-icon {\r\n\t\twidth: 16px;\r\n\t\tmargin-right: 8px;\r\n\t}\r\n\t\r\n\t.search-input {\r\n\t\tflex: 1;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t.search-input::placeholder {\r\n\t\tcolor: #888888;\r\n\t}\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\t\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\t\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\t\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-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\t\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\t\r\n\t.my-circle-box>img {\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t}\r\n\t\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 10px 0;\r\n\t}\r\n\t\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\t\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\t\r\n\t.my-collection-module-top-img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t\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\t\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\t\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\t\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\t\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: 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\t\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\t\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\t\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\t\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\t\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\t\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\t\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\t\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\t\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\t\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\t\r\n\t.my-collection-module-bottom-btn.active {\r\n\t\tcolor: #2A63F3;\r\n\t}\r\n\t\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\t\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\t\r\n\t.footer-wrap {\t\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\t\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\t\r\n\t.footer-all-btn>img {\r\n\t\twidth: 24px;\r\n\t\tmargin-right: 4px;\r\n\t}\r\n\t\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</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-collection.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-collection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video-my-collection.vue?vue&type=template&id=52cdd4fa&scoped=true&\"\nimport script from \"./video-my-collection.vue?vue&type=script&lang=js&\"\nexport * from \"./video-my-collection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video-my-collection.vue?vue&type=style&index=0&id=52cdd4fa&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 \"52cdd4fa\",\n null\n \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABIFJREFUWEfFll1oHFUUx/9ndpNN0i1RqrVqqxGSpq5hm507mxisFPphC1LIiy9CFV8sgigqfpZaW0RRaEFE6IOoIIr4IBSFajUl9SsmmTObbGiqSaxFrIja1M82dGfukVsnZbPdDTOhpRfmZebc8//dM+fjEi7zosusjwUDZLPZRYlEYotlWUF9ff1HAwMDZxZymAUBdHV1LQmC4BsAraHoeDKZ7BkcHPwrLsSCAJRSrwB4CMCUiCSJqAXAi8z8zCUHyOfzy7TWxwA0ArhVRBYRUR+Av2dmZlqOHDkyHQcidgRs295LRI8AOMjMm4yYUuoLAGsAPM/MOy4ZQDabXVpXV/cDgCYiWuO67ldGzHGcjSJyEMCfQRC0jIyM/BEVIlYEHMd5WUQeF5E+z/M2lIvYtv01EfWIyC7P85676ADd3d3LS6XSUSJKa63XFgqFz8tF8vn8Zq31ARE55fv+qmKx+GsUiMoIUFdXV5vv+ysBtBFRq4isJKI2EVlBRJZJONd155x+Vmg2CgACAD8CmBSRSSI692itJzzPmyoHOw/gOE6H1voDI1aNXEQ0ER32fX/r6OjoiWo2nZ2dLYlE4m0AtwE1m9zRRCLROzQ0NGF8nAdQSpnG0g3AlNHRcvogCAz9ZLFY/DdKWDOZTLqpqalNa91mWZaJ3rmHiDIArgBwiJnXVwKcNrVNRKtc1/0uilBcG8dxciLiATjJzFfNAbBt+1MiMv+2WCqVNkZNoqgQuVzuOsuyTMNaBWA/M/fOAcjn8yu01ocB3ARg3LKs9cPDw79EFZjPLvR9KJwdE5ZlrZ31PacKjGEQBH1hIk74vr+uVsJFBQsT04hXPdgFjagiVN8DWMfMpqRiL9u2W8M5cYP5tVrrDYVC4beqZVj+sqOj45pUKvUZgA4Ax4IgUHHaq/GVy+WutizLJNxyAF4ikbhjaGjoZOUparZipZTJ0n4AtxDRg67rvhYnBI7jPCEiLwEoBEGwrtYB5p0Ftm3vI6JtAJ5iZuMs8lJK7QLwLIC9zPxYrY3zAsyOWSLqdV13f2T1/0f03QDeAfAJM29eKIDpilea8mFmk5CRl23bWSIaFZETnueZPKi6akZg9erV1yeTyZ8AnGbmxQB0ZHUAmUymvrGx8R8AybNnzy4ZGxs7VW1/TQDbtjcR0cci4nqely/fHPb6h7XW9xJRICJvplKpVytvxkqpcQA3A7idmb+MBaCUehTAHgBvMfN9ZnNra2uqubl5m4hsJ6KlFQ5/NlcyAK8zc8l8U0q9D+AuAA8w875YALMVQERPuq67x7bte4hoJ4AbQ0ejRGSyvE5rvTucdObTMRHZ6Xneu0opYz9vJczXB14A8DSAb8Ox3R4KTxlh13XfAyDhO0sptRWAETQtFyIyTkT1Yf/fwcwmOhes+QCuBTBQduITRLQ7nU6/0d/f71dzZhKvoaHhfiLaDmDZLDCAHmb+PRaAMW5vb1+cTqe3iMiZ6enpA8ePH5+JUglKqSYAd4qIucJ9yMzmrhGvDKMIXQybWNfyiyFY6eM/3CPcMI3TnA4AAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABBNJREFUWEftlmtoXEUUx/9nNg8NWY394AtEwUhsICF3Zhesig8ElYJGIyIGQWylCAUVtRhQVBRFpQUFoVpEDKLFB1LroyCp4idNuGeSrBo/NGDwhYUmdhNTtZvMkVPuhu26yW7YhX5xvtx7uWfm/5tzzpwzhFM86BTr43+ARniArLUXE9FvzHxsvSGtCyCbzZ4bQvgcQA+Ao0R0dxzH+9cDUReAc24XgIcAzAHYAKCQQOytFaJegH0A+onoFhHJAHgcwDIRbYvj+I1aIOoCsNZ+REQ3E1G/ut45NwTgORERY8wDcRy/Ug2ioQAq5py7H8BL+i4iQ977F9eCqAfAOOc+A3BD0QNFIefcvQBeBZAC8DQzP7kaxLoAnHNnArgTwO0ANOZn6MLlAIknBgEMA2gCsIuZH6kEURNAFEXnE9EzRKTipycLCYAZAJzs8ttyAWvtrQD2ElErgN3MvF0jU2pXDSDlnNshIo8RUbtmOIARInpTREaY+Ui1JLPW3khEHybgw8y8NVnnxNRVAfr6+jpSqdS7AK5PqD8oFAqP5nK5H6uJlv/PZDLXhBA+TjbxHoC7mLmwKoC63BhzEMClAH4HMMjMX65XuNTeWnsZER0A0CEir3nv76sI4JxrI6KvksLiC4VCfy6X+6Ue8ZLTYQF8o9/5fD49PT39z39C4Jx7RzNdRA41NTVtGhsbm22EeFmNmGdmLd3hJADn3LUAvgAwv7y8nJmYmDjUIHFyzmlB0qOop2AbM79eHgI18gD6AAwx8wuNEO/s7Gzt6OgYFpE7ABwXkS3e+7eLa694IIqi64wxIwB+zufzl2h8SgG6u7tb2trarg4hZDU5iWiDiJwG4BgRPcXMCn/S6OnpOau1tXWfiFylYReRAe+9enhlrAA453YD0Mzcycw7ihbW2o3GmAdFRItQupJXROQm7/0npf+iKLrQGKNZv1E3RUSb4zj+rnx+KcCUGocQLh8fH/+6q6sr3d7e/rzGKymnGrsJzRER+d4Yc1jbr4hsKgfIZDKRiHwK4DwAuaWlpc2Tk5O/VoIvAmjF+wuASafT7QsLCxcB0F7fpZcMEdkTQni5PCkzmcx+FS8FsNZqc3pfvUVEI6lU6rbR0dH51fLpBIDGqqWlZU5E/gBwBRFp0TlHdywig977HyotUA4QRdEWY4x2wWYReYuIthYr3poASZc7CuDPpPJ1isiBubm5gZmZmb9Xm1x6IQkhWCJ6Qsu7iDzrvdfbUdVRDIH2dgUoJhnPzs5euZZ4Ulh2AngYwEIyd0lEtnvv91RVTgxWkjCbzd4TQtCz/xOAAWbW55qjt7f37ObmZr2UOABHkgupftc8qrXjmhbKZrMXLC4uHp6amjpe04RKdWC9Extl3xAP1ANzygH+BcO/ujAaMq6VAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA05JREFUWEfdlttrXFUUxr+1c06gBiOBYsULVBAR7JOB0kBrhzlrJ6BIqYqoiPqgCOqDglBFRNoKobb11hdRxIeKigoigiFn9oqRpgpK1Cf9BxSseKeG3OZ8ZYdEMieZdjLNJOB62sM5s9fvrL3W923BJodscn78LwAcgKLdSrZdAVW9FcDzAG4SkX+Kong3/jaz39cC0xaA9/4ekidJOhGJe5AkROR759yePM//bRVizQD9/f1pX1/fTwAuB/AeyRdEJK7fInktgKfM7KWOAajq7SQ/EpEzaZpuHxkZmYnJVPUOkh8COGVmezsCUKlUkiRJviW5A8CwmT27lCjLsgER+RLANyGEnR0B8N4fIvkcgN+mp6evn5iY+HMZwJ0i8gGAT0II+9cdIMuyu0XkHQBx7O4LIcSu/y9U9XEAJwB85px7ffmzer0+B+A7MztTBmupCb33t5D8GEA3gFdCCE+WN1LVXQBOA03FbYbkATN7bfl/VwAsbvQigB0kk/iyiGwBENcnQwgPNhOearW6v6ur6y6Sl5QALwVw8+LIDtZqNVt63gBQrVZ3OucmAKSrnOFXIYTd7aqe9/5AURTDIvJ+COHeVQFUNQCoisiJubm5w729vTNTU1OPxY4n+aqZPdFqc5Xfy7LsARF5u9ykDRVQ1SgwV83Pz18zPj4e13G+Y9KXm519q0Cq+gbJh5xzz9RqtSPNKvALgG3OuW15nv+6zgA/ALgh9kIIIR7zQpQr0BGASqWyNUmS+EGzaZpetqSeGwagqvviGIvI6RDCnqZjqKodqYCqHo0mRfKImT29GQDRI3Y55/blef7phgIMDAxs6enp+YtkmiTJ1tHR0T82FMB7v5fk5yR/NLMbz+sFnegBVY2WfRjAmyGERy4E8DOAK4uiuHpsbCyuL1qIsiwbE5EKyfvNLLppQ5R14BSA3SIynCTJwTivbSqhDA0NXVGv1x8lGStwNkmS7eXzX6ED3vuM5Oii55edssGGVXUB9gJSzEXzejiEEH1gRayw48HBwduKojgO4LqSUjYAZFn2hYg0iMqy3WPivwF8TfKYmUWTWzWaXkji7be7u3vhPhBjdnZ2fnJyMt5s1jVauhGta8bzNWEnE635CDYK5hxacaAwpbvFLgAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA65JREFUWEfFV01oXFUU/s7LJLgRtUWrIAhaW7IZzb2vifGXKlhd1CiooKi1UHBjixWxK1duVISKdeNCrFVx0YU2LmyFWrAKTbznjo2CNIhFXNj6B1oFycu8Tw68lMnkzbyZsaVv9zg/33fP3z1XcIE/ucD4GIhAvV6/Ynh4eJ2IrLIDkPwjy7L5ubm5X/o9UM8E0jS9FsBTJO8HsK4D0LyIfATgzRDCD72QqSQwNjZ2eZIkLxg4gJHC6RmSBvBz8X+ViBjBi4v/BSOR5/mLjUbj125EuhJwzt0kIh8CuBLAIoD3AHwA4IiqZq2OvffDADYCeATAYwBqAE6RfCDGeKwTiY4EvPcPAdgH4CIROZzn+fYY43e9hNU5N5okyR6SdwH4F8ATqrq/zLaUQHHyIwX4ayGE5wA0ewFv0RlK0/RVks8YCZIbyyKxgkCR8zkLu4gY+M4+gZepp2m6uyBxKs/zentNrCDgvX8dwHYLewhh0wAnb+drkThUpGOPqu5oVVhGwFqNpOU5IVnvNedVEbKaEBGLai4io60t2k7gZZLPA9irqlurHPcj996/DeBJEXklhLBryXYZAe/9iWLIbFLVT/sBqNL13t8N4BCAeVVdv4JAMV5PAzgDYHV7n1cBVMmLOfG7Dassy9Ysje2zEfDe3wrgKMnjMcYbqxwOInfOfS0iNwC4TVW/MB9nCaRpeh/JAyQPxhjvHQSgysY594mI3CMiUyGE6WUEnHObRWSa5HSMcarK2SDyrgSWUgDgmKpODgJQZdM1BePj46ubzeZvVoSqeqn1bJXDfuSVRWjOltqQ5O0xxqPtAN7760heE2P8rAzcOXdnrVY7OTs7e7LEtnsbFgReAmBD4i1V3VbixCr3FquTJEl2LywsfGU6IyMjGwA8S3Izyc9jjHeU2FYPomIUnyDZJLm+0Wj82OooTdMpku8AuKRD+P8UkS0hhAOt8p5HsRk55/aJyOMA9qvqw+1AExMTaxYXF5+204rIWpOT/F5EPq7Vam/MzMzYMGv9er+MCgJ1ETkO4C9V7XTSnutvkOv4UQDvi8jBEML/GUiDLSTe+70AtthYFpF/SN5sl8jQ0NCusuru0A2Dr2Te+58AXF3i2Dbdd60IY4xfts+Jc7aUeu9tF7TiOgzAruRvRGQnSStM23Tt+xvAtyRt5bZt+Pys5W2ttDZJkq0kHwRwfetF1qJ37h8mZTmenJxclWXZaJ7nlyVJYuvb+X+a9dx3fSpWPs369Ne3+n9ZL+MwT8+YxgAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/icon-176.4d232e45.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAydJREFUWEfFlltIFGEYht/v310jd2Yrkg6aZJCmq3gbQRGkVBCBN10auW5b3QQVXVRkB6IgqOiqMHeTIOgqiIKKMoyCuupgOBvbUhEWUWm1M66mM/PFaoW77mFmd6WBgTm8//s+883/zT+E/7zRf85H3gCNreweL9E2E2DEPNKtgXM0ks/D5AVQuzU2X7joKYDlk6GkjI26V0WvUswuRF4AXp96HoTdyWF0SglKB2ccwLtNW8SC3xJhdnIYqwSu6g/OGbIDYbsCde2xswTaky6EgRPhoHx4xgAad6oL9HG8A1CaAeDnLEOqetFNP6xC2KpAvV87zcz7s5oTjild8tGiAzT6B5foXBIGIOUw/+50obbvovzFCkRKBZhqt6vV0FHjEKIaoOXMZg2IqhlcSYCwYsqAIUAfTOANmN+AaGIXrEf6g3OiUz3+AdS1qw0EXAdQbSWkAE3YFNzy+pInMvEF+WvkbY89BWhlAcbWhzIeKCG5KRnAr8XBnNLb1j1tKgeVoFyWAqDeA6PZplG+8htKUG5JAmhoi1caQn9IoGX5ulocF4FBa5Vu6XMSQOIkAWEKo2cGJ6ICg5r+hk8DSFxY4RsudwizB4xai09kSUagvl8mN0cvy1/TtuHUiw1+baHJfD9RFEvuuUREz8wxc/3rK57BVGnGT3FNIFbmNKgXQH0u/xz3n8cNfd377nlp14esa4G3Xb0IYEdhAHRWCUr7MnlkB/Cpj0BYXRAA010lJG3MD8CvDoExrxAAZvoYDklLbAPUbI1XOF3GQCHhk2OJHSX6/FcX5n5P55XxFdS3aRtY8J3CAQCwY40SKn1sC8C7XdsLk88UB0DsUkLuxISetmWsQO4OoJcQ1EEGuZiM4wC8mWEzd0IWAO0kwAfSmEaJqKO/y30t8X4n7h9hUT8w3DpxBJ62ljBwOByUT9iqQF1geDEZ/ATgpZNzCR8BcXxBRWmo9xjp6cy8W7gEHi0A0CGAF/3RRHUHr4p0er7ZAkiIV/i+yk6avdkU5sjIuHz7fTeNWpkT5QEunWtom5ggfgrp5qdOittuQytBxdDY+i0vRmCqx28nIhQw24tu1wAAAABJRU5ErkJggg==\"","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('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":""}
|
