| 1 |
- {"version":3,"sources":["webpack:///./src/views/video.vue?8c5d","webpack:///./src/views/video.vue?3788","webpack:///src/views/video.vue","webpack:///./src/views/video.vue?f9ad","webpack:///./src/views/video.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","$router","back","push","class","active","params","is_tj","checkTab","_v","type","staticStyle","_e","show","stopPropagation","staticRenderFns","components","VideoClassification","VideoRecommend","data","page","page_num","list","loading","finished","mounted","methods","getList","VideoService","finally","beforeRouteLeave","to","from","next","node","vnode","keys","cache","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,IAAM,EAAQ,SAAyBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,QAAQC,WAAWP,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAM,CAAC,IAAM,EAAQ,WAAgCH,EAAG,QAAQ,CAACE,YAAY,eAAeC,MAAM,CAAC,YAAc,cAAcC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,QAAQE,KAAK,mBAAmBR,EAAG,KAAK,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,CAACS,MAAM,CAAEC,OAA6B,IAArBd,EAAIe,OAAOC,OAAcR,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIiB,SAAS,EAAG,MAAM,CAACjB,EAAIkB,GAAG,QAAQd,EAAG,KAAK,CAACS,MAAM,CAAEC,OAA4B,IAApBd,EAAIe,OAAOI,MAAaX,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,QAAQE,KAAK,mCAAmC,CAACZ,EAAIkB,GAAG,QAAQd,EAAG,KAAK,CAACS,MAAM,CAAEC,OAA4B,IAApBd,EAAIe,OAAOI,MAAaX,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,QAAQE,KAAK,mCAAmC,CAACZ,EAAIkB,GAAG,YAAkC,IAArBlB,EAAIe,OAAOC,MAAaZ,EAAG,kBAAkB,CAACgB,YAAY,CAAC,QAAU,eAAepB,EAAIqB,KAAKjB,EAAG,MAAM,CAACE,YAAY,YAAYE,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAIsB,MAAO,KAAQ,CAAClB,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,WAA2BP,EAAIkB,GAAG,uBAAuBd,EAAG,cAAc,CAACG,MAAM,CAAC,KAAOP,EAAIsB,KAAK,UAAU,UAAU,CAAClB,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,SAAS,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOc,kBAAkBvB,EAAIsB,MAAO,EAAOtB,EAAIU,QAAQE,KAAK,sCAAsC,CAACR,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,WAA6BP,EAAIkB,GAAG,wBAAwBd,EAAG,SAAS,CAACE,YAAY,iBAAiBC,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOc,kBAAkBvB,EAAIsB,MAAO,EAAOtB,EAAIU,QAAQE,KAAK,wBAAwB,CAACR,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,WAA6BP,EAAIkB,GAAG,0BAA0Bd,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAIsB,MAAO,KAAS,CAAClB,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,oBAAyC,IACjrEiB,EAAkB,G,0FCwDtB,GACAC,YAAAC,2BAAAC,uBACAC,KAFA,WAGA,OACAN,QACAP,QACAI,OACAH,QACAa,OACAC,aAEAC,QACAC,WACAC,cAGAC,QAhBA,aAkBAC,SACAC,QADA,WACA,WACA,gBACAC,mDAAA,aACA,SACA,+EACA,2BACA,cAEA,mBAGAC,SAAA,WACA,iBAGArB,SAhBA,SAgBAE,EAAAH,GACA,mBACA,sBAOAuB,iBA3CA,SA2CAC,EAAAC,EAAAC,GAGA,uCACAD,wBACA,CACA,kBACA,cACA,sDACA,kBACAE,+FACAC,MACA,4BACA,2BACA,SAGA,GAFA,gBAEA,UACA,mBACA,MACAC,cAGAC,YAIAJ,MC/H+U,I,wBCQ3UK,EAAY,eACd,EACAhD,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E","file":"js/chunk-69e6dc76.01035016.js","sourcesContent":["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.vue?vue&type=style&index=0&id=618ebe9c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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('div',{staticClass:\"search-bar\"},[_c('img',{staticClass:\"search-icon\",attrs:{\"src\":require(\"../assets/search-icon.png\")}}),_c('input',{staticClass:\"search-input\",attrs:{\"placeholder\":\"请输入关键字进行搜索\"},on:{\"click\":function($event){return _vm.$router.push('/search')}}})])]),_c('ul',{staticClass:\"tab-list\"},[_c('li',{class:{ active: _vm.params.is_tj === 1 },on:{\"click\":function($event){return _vm.checkTab(0, 1)}}},[_vm._v(\"推荐\")]),_c('li',{class:{ active: _vm.params.type === 2 },on:{\"click\":function($event){return _vm.$router.push('/video-classification?type=2')}}},[_vm._v(\"系列\")]),_c('li',{class:{ active: _vm.params.type === 1 },on:{\"click\":function($event){return _vm.$router.push('/video-classification?type=1')}}},[_vm._v(\"单个\")])])]),(_vm.params.is_tj === 1)?_c('video-recommend',{staticStyle:{\"padding\":\"12px 15px\"}}):_vm._e(),_c('div',{staticClass:\"float-box\",on:{\"click\":function($event){_vm.show = true}}},[_c('img',{attrs:{\"src\":require(\"../assets/icon-9.png\")}}),_vm._v(\"\\n\\t\\t\\t发视频\\n\\t\\t\")]),_c('van-overlay',{attrs:{\"show\":_vm.show,\"z-index\":\"99999\"}},[_c('div',{staticClass:\"window\"},[_c('div',{staticClass:\"window-top\"},[_c('button',{staticClass:\"window-btn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();_vm.show = false; _vm.$router.push('/paid-contribution-video?type=1')}}},[_c('img',{attrs:{\"src\":require(\"../assets/camera-2.png\")}}),_vm._v(\"发布有偿视频\\n \")]),_c('button',{staticClass:\"window-btn del\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();_vm.show = false; _vm.$router.push('/free-information')}}},[_c('img',{attrs:{\"src\":require(\"../assets/camera-1.png\")}}),_vm._v(\"发布无偿视频\\n \")])]),_c('div',{staticClass:\"window-btn-box\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.show = false}}},[_c('img',{attrs:{\"src\":require(\"../assets/close-icon3.png\")}})])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- h5/视频 -->\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<div class=\"search-bar\">\r\n\t\t\t\t\t<img src=\"../assets/search-icon.png\" class=\"search-icon\">\r\n\t\t\t\t\t<input placeholder=\"请输入关键字进行搜索\" class=\"search-input\" @click=\"$router.push('/search')\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<ul class=\"tab-list\">\r\n <li :class=\"{ active: params.is_tj === 1 }\" @click=\"checkTab(0, 1)\">推荐</li>\r\n<!-- <li :class=\"{ active: params.type === 2 }\" @click=\"checkTab(2, 0)\">系列</li>-->\r\n<!-- <li :class=\"{ active: params.type === 1 }\" @click=\"checkTab(1, 0)\">单个</li>-->\r\n <li :class=\"{ active: params.type === 2 }\" @click=\"$router.push('/video-classification?type=2')\">系列</li>\r\n <li :class=\"{ active: params.type === 1 }\" @click=\"$router.push('/video-classification?type=1')\">单个</li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n <!-- 视频列表 -->\r\n <video-recommend v-if=\"params.is_tj === 1\" style=\"padding: 12px 15px;\"></video-recommend>\r\n <!-- 分类列表 -->\r\n<!-- <video-classification v-else :type=\"params.type\"></video-classification>-->\r\n\r\n\t\t<div class=\"float-box\" @click=\"show = true\">\r\n\t\t\t<img src=\"../assets/icon-9.png\">\r\n\t\t\t发视频\r\n\t\t</div>\r\n\r\n\t\t<!-- 发布弹窗 -->\r\n <van-overlay :show=\"show\" z-index=\"99999\">\r\n <div class=\"window\">\r\n <div class=\"window-top\">\r\n <button type=\"button\" class=\"window-btn\" @click.stop=\"show = false; $router.push('/paid-contribution-video?type=1')\">\r\n <img src=\"../assets/camera-2.png\">发布有偿视频\r\n </button>\r\n <button type=\"button\" class=\"window-btn del\" @click.stop=\"show = false; $router.push('/free-information')\">\r\n <img src=\"../assets/camera-1.png\">发布无偿视频\r\n </button>\r\n </div>\r\n <div class=\"window-btn-box\">\r\n <button type=\"button\" @click=\"show = false\">\r\n <img src=\"../assets/close-icon3.png\">\r\n </button>\r\n </div>\r\n </div>\r\n </van-overlay>\r\n\r\n </div>\r\n</template>\r\n\r\n<script>\r\n\timport {VideoService} from \"@/common/service\";\r\n import VideoRecommend from \"@/components/video-recommend\";\r\n import VideoClassification from \"@/components/video-classification\";\r\n\r\n export default {\r\n\t\tcomponents: {VideoClassification, VideoRecommend},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n show: false,\r\n params: {\r\n type: 0, // 类型1单个2系列\r\n is_tj: 1, // 是否推荐0否1是\r\n page: 1, // 页数\r\n page_num: 20, // 每页数\r\n },\r\n list: [],\r\n loading: false,\r\n finished: false,\r\n\t\t\t};\r\n\t\t},\r\n mounted() {\r\n },\r\n methods: {\r\n getList() {\r\n this.loading = true;\r\n VideoService.getVideoList(this.params).then(({ data }) => {\r\n const list = data.list;\r\n this.list = this.params.page === 1 ? list : [...this.list, ...list];\r\n if (list.length < this.params.page_num) {\r\n this.finished = true;\r\n } else {\r\n this.params.page++;\r\n }\r\n\r\n }).finally(() => {\r\n this.loading = false;\r\n });\r\n },\r\n checkTab(type, is_tj) {\r\n this.params.type = type;\r\n this.params.is_tj = is_tj;\r\n // this.finished = false;\r\n // this.params.page = 1;\r\n // this.getList();\r\n },\r\n },\r\n // 清除页面缓存\r\n beforeRouteLeave(to, from, next) {\r\n // return next();\r\n // if (to.path === \"/video-details\") {\r\n if (from.meta.toPagesKeep.includes(to.path)) {\r\n from.meta.keepAlive = true;\r\n } else {\r\n let vnode = this.$vnode;\r\n let parentVnode = vnode && vnode.parent;\r\n if (parentVnode && parentVnode.componentInstance && parentVnode.componentInstance.cache) {\r\n var key = vnode.key == null\r\n ? node.componentOptions.Ctor.cid + (vnode.componentOptions.tag ? `::${vnode.componentOptions.tag}` : '')\r\n : vnode.key;\r\n var cache = parentVnode.componentInstance.cache;\r\n var keys = parentVnode.componentInstance.keys;\r\n if (cache[key]) {\r\n this.$destroy();\r\n // remove key\r\n if (keys.length) {\r\n var index = keys.indexOf(key);\r\n if (index > -1) {\r\n keys.splice(index, 1)\r\n }\r\n }\r\n cache[key] = null;\r\n }\r\n }\r\n }\r\n next();\r\n },\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: 84px;\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: 99999999;\r\n\t\tbackground-color: #FFFFFF;\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\tbackground-color: #FFFFFF;\r\n\t\tz-index: 99999998;\r\n\t\tpadding: 0 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.return-img {\r\n\t\twidth: 20px;\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n\t.search-bar {\r\n\t\twidth: calc(100% - 65px);\r\n\t\theight: 36px;\r\n\t\tbackground-color: #F3F3F3;\r\n\t\tborder-radius: 100px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 10px;\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: 10px;\r\n\t}\r\n\r\n\t.search-input {\r\n\t\tflex: 1;\r\n\t\tfont-size: 15px;\r\n\t}\r\n\r\n\t.search-input::placeholder {\r\n\t\tcolor: #B6B6B6;\r\n\t}\r\n\r\n\t.tab-list {\r\n\t\twidth: 100%;\r\n\t\theight: 40px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\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: 40px;\r\n\t\tline-height: 40px;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #888888;\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: 500;\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\t.wrap {\r\n\t\twidth: 100%;\r\n\t\theight: calc(var(--vh) * 100 - 84px);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin: 84px 0 0;\r\n\t\tbox-sizing: border-box;\r\n\t\tbackground-color: #F4F4F4;\r\n\t\toverflow: auto;\r\n\t}\r\n\r\n\t.video-list>li {\r\n\t\twidth: calc(50% - 7.5px);\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin-bottom: 12px;\r\n\t\tborder-radius: 10px;\r\n\t\tbox-shadow: 0 1px 16px rgba(0, 0, 0, 0.12);\r\n\t\toverflow: hidden;\r\n\t}\r\n .video-list>li:nth-child(7n + 1) {\r\n width: 100%;\r\n }\r\n\r\n\t.float-box {\r\n\t\twidth: 46px;\r\n\t\theight: 46px;\r\n\t\tborder-radius: 50%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 10px;\r\n\t\tfont-weight: 500;\r\n\t\tbox-shadow: 0 1px 8px rgba(42, 99, 243, 0.6);\r\n\t\tposition: fixed;\r\n\t\tright: 15px;\r\n\t\tbottom: 80px;\r\n\t\tbackground-color: #2A63F3;\r\n\t}\r\n\r\n\t.float-box>img {\r\n\t\twidth: 16px;\r\n\t}\r\n\r\n\t.window {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tposition: fixed;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 99999999;\r\n\t}\r\n\r\n\t.window-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.window-btn {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: 16px;\r\n\t\tmargin-bottom: 40px;\r\n\t}\r\n\r\n\t.window-btn>img {\r\n\t\twidth: 60px;\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n\t.window-btn-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tpadding: 40px 0;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.window-btn-box>button {\r\n\t\twidth: 100%;\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.window-btn-box>button>img {\r\n\t\twidth: 40px;\r\n\t}\r\n\t\r\n\t.normal-box {\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: 14px;\r\n\t\tcolor: #999992;\r\n\t\tpadding: 100px 0;\r\n\t}\r\n\t\r\n\t.normal-box>img {\r\n\t\twidth: 150px;\r\n\t\tmargin-bottom: 9px;\r\n\t}\r\n\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./video.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.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video.vue?vue&type=template&id=618ebe9c&scoped=true&\"\nimport script from \"./video.vue?vue&type=script&lang=js&\"\nexport * from \"./video.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video.vue?vue&type=style&index=0&id=618ebe9c&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 \"618ebe9c\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
|
