| 1 |
- {"version":3,"sources":["webpack:///./src/views/video-classification.vue?0c27","webpack:///./src/views/video-classification.vue?7ada","webpack:///src/views/video-classification.vue","webpack:///./src/views/video-classification.vue?3954","webpack:///./src/views/video-classification.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","$router","back","push","class","active","params","is_tj","_v","type","checkTab","_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":"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","file":"js/chunk-d2761060.772f747d.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-classification.vue?vue&type=style&index=0&id=1ae03797&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.$router.push('/video')}}},[_vm._v(\"推荐\")]),_c('li',{class:{ active: _vm.params.type === 2 },on:{\"click\":function($event){return _vm.checkTab(2, 0)}}},[_vm._v(\"系列\")]),_c('li',{class:{ active: _vm.params.type === 1 },on:{\"click\":function($event){return _vm.checkTab(1, 0)}}},[_vm._v(\"单个\")])])]),(_vm.params.type !== 0)?_c('video-classification',{attrs:{\"type\":_vm.params.type}}):_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 发视频\\n \")]),_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 <div class=\"wrap\">\r\n\r\n <div class=\"header-wrap\">\r\n <div class=\"header\">\r\n <img src=\"../assets/return.png\" class=\"return-img\" @click=\"$router.back()\">\r\n <div class=\"search-bar\">\r\n <img src=\"../assets/search-icon.png\" class=\"search-icon\">\r\n <input placeholder=\"请输入关键字进行搜索\" class=\"search-input\" @click=\"$router.push('/search')\" />\r\n </div>\r\n </div>\r\n <ul class=\"tab-list\">\r\n<!-- <li :class=\"{ active: params.is_tj === 1 }\" @click=\"checkTab(0, 1)\">推荐</li>-->\r\n <li :class=\"{ active: params.is_tj === 1 }\" @click=\"$router.push('/video')\">推荐</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 </ul>\r\n </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-if=\"params.type !== 0\" :type=\"params.type\"></video-classification>\r\n\r\n <div class=\"float-box\" @click=\"show = true\">\r\n <img src=\"../assets/icon-9.png\">\r\n 发视频\r\n </div>\r\n\r\n <!-- 发布弹窗 -->\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\nimport {VideoService} from \"@/common/service\";\r\nimport VideoRecommend from \"@/components/video-recommend\";\r\nimport VideoClassification from \"@/components/video-classification\";\r\n\r\nexport default {\r\n components: {VideoClassification, VideoRecommend},\r\n data() {\r\n return {\r\n show: false,\r\n params: {\r\n type: 0, // 类型1单个2系列\r\n is_tj: 0, // 是否推荐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 };\r\n },\r\n mounted() {\r\n const option = this.$route.query;\r\n this.params.type = parseInt(option.type || 2);\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 }).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}\r\n</script>\r\n\r\n<style scoped>\r\n/* 头部样式 */\r\n.header-wrap {\r\n width: 100%;\r\n height: 84px;\r\n display: flex;\r\n flex-direction: column;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 500;\r\n background-color: #FFFFFF;\r\n}\r\n\r\n.header {\r\n width: 100%;\r\n height: 44px;\r\n display: flex;\r\n align-items: center;\r\n background-color: #FFFFFF;\r\n z-index: 499;\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.return-img {\r\n width: 20px;\r\n margin-right: 10px;\r\n}\r\n\r\n.search-bar {\r\n width: calc(100% - 65px);\r\n height: 36px;\r\n background-color: #F3F3F3;\r\n border-radius: 100px;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.search-icon {\r\n width: 16px;\r\n margin-right: 10px;\r\n}\r\n\r\n.search-input {\r\n flex: 1;\r\n font-size: 15px;\r\n}\r\n\r\n.search-input::placeholder {\r\n color: #B6B6B6;\r\n}\r\n\r\n.tab-list {\r\n width: 100%;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.tab-list>li {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 40px;\r\n line-height: 40px;\r\n font-size: 16px;\r\n color: #888888;\r\n position: relative;\r\n}\r\n\r\n.tab-list>li.active {\r\n font-size: 18px;\r\n font-weight: 500;\r\n color: #222222;\r\n}\r\n\r\n.tab-list>li.active::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n background: linear-gradient(90deg, #2A63F3, #81B8FF);\r\n border-radius: 2px;\r\n width: 18px;\r\n height: 4px;\r\n}\r\n\r\n.wrap {\r\n width: 100%;\r\n height: calc(var(--vh) * 100 - 84px);\r\n display: flex;\r\n flex-direction: column;\r\n margin: 84px 0 0;\r\n box-sizing: border-box;\r\n background-color: #F4F4F4;\r\n overflow: auto;\r\n}\r\n\r\n.video-list>li {\r\n width: calc(50% - 7.5px);\r\n background-color: #FFFFFF;\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 12px;\r\n border-radius: 10px;\r\n box-shadow: 0 1px 16px rgba(0, 0, 0, 0.12);\r\n overflow: hidden;\r\n}\r\n.video-list>li:nth-child(7n + 1) {\r\n width: 100%;\r\n}\r\n\r\n.float-box {\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n color: #FFFFFF;\r\n font-size: 10px;\r\n font-weight: 500;\r\n box-shadow: 0 1px 8px rgba(42, 99, 243, 0.6);\r\n position: fixed;\r\n right: 15px;\r\n bottom: 80px;\r\n background-color: #2A63F3;\r\n}\r\n\r\n.float-box>img {\r\n width: 16px;\r\n}\r\n\r\n.window {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 99999999;\r\n}\r\n\r\n.window-top {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.window-btn {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #FFFFFF;\r\n font-weight: 500;\r\n font-size: 16px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.window-btn>img {\r\n width: 60px;\r\n margin-right: 10px;\r\n}\r\n\r\n.window-btn-box {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 40px 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.window-btn-box>button {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.window-btn-box>button>img {\r\n width: 40px;\r\n}\r\n\r\n.normal-box {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n font-size: 14px;\r\n color: #999992;\r\n padding: 100px 0;\r\n}\r\n\r\n.normal-box>img {\r\n width: 150px;\r\n margin-bottom: 9px;\r\n}\r\n\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./video-classification.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-classification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video-classification.vue?vue&type=template&id=1ae03797&scoped=true&\"\nimport script from \"./video-classification.vue?vue&type=script&lang=js&\"\nexport * from \"./video-classification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video-classification.vue?vue&type=style&index=0&id=1ae03797&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 \"1ae03797\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
|
