{"version":3,"sources":["webpack:///./src/views/movie/index.vue","webpack:///src/views/movie/index.vue","webpack:///./src/views/movie/index.vue?3fcd","webpack:///./src/views/movie/index.vue?b9e6","webpack:///./src/views/movie/index.vue?54fc"],"names":["render","_vm","this","_c","_self","staticClass","_l","videoList","item","key","id","staticStyle","attrs","cover","on","$event","gotoInfo","_v","_s","desc","user_avatar","user_nickname","staticRenderFns","data","page","mounted","methods","goMoney","path","query","token","localStorage","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,qBAAqBJ,EAAIK,GAAIL,EAAIM,WAAW,SAASC,GAAM,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAKE,GAAGL,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACQ,YAAY,CAAC,OAAS,UAAU,MAAQ,QAAQC,MAAM,CAAC,IAAMJ,EAAKK,MAAM,OAAS,OAAOC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,SAASR,OAAUL,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGV,EAAKW,MAAM,OAAOhB,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAMJ,EAAKY,YAAY,IAAM,MAAMjB,EAAG,OAAO,CAACQ,YAAY,CAAC,cAAc,QAAQ,CAACV,EAAIgB,GAAGhB,EAAIiB,GAAGV,EAAKa,6BAA4B,MAEzrBC,EAAkB,GCkCP,GACfC,OACA,OACAC,OACAjB,eAGAkB,UACA,+BACA,eAEA,qBAEAC,SACA,qBACA,oDACAF,SAEA,IAGA,wBAEAG,UACA,+BAEAX,YACA,mBAAAY,aAAAC,OAAAnB,YAEA,gBACA,qDACAA,6BACAoB,sCAEA,KAMA,OALA,uBACA,4CACA,0CACA,6CACAC,oEAGA,kDACA,0CACA,6CACA,0CCjF8V,I,wBCQ1VC,EAAY,eACd,EACAhC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,2CCnBf","file":"js/chunk-71ebfa83.5f3ef5f2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"videoList my_warp\"},_vm._l((_vm.videoList),function(item){return _c('div',{key:item.id,staticClass:\"videoList_child\"},[_c('div',{staticClass:\"grid-content bg-purple\"},[_c('img',{staticStyle:{\"cursor\":\"pointer\",\"width\":\"100%\"},attrs:{\"src\":item.cover,\"height\":\"260\"},on:{\"click\":function($event){return _vm.gotoInfo(item)}}}),_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.desc)+\" \")]),_c('div',{staticClass:\"user\"},[_c('div',{staticClass:\"user\"},[_c('img',{attrs:{\"src\":item.user_avatar,\"alt\":\"\"}}),_c('span',{staticStyle:{\"margin-left\":\"8px\"}},[_vm._v(_vm._s(item.user_nickname))])])])])])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- <img src=\"./bg.png\" style=\"width: 100%;height: 500px;\" class=\"\" /> -->\r\n    <div class=\"videoList my_warp\">\r\n      <div v-for=\"item in videoList\" :key=\"item.id\" class=\"videoList_child\">\r\n        <div class=\"grid-content bg-purple\">\r\n          <!-- <video :src=\"item.url\" width=\"350\" height=\"400\" controls=\"controls\">\r\n            <source src=\"item.url\" />\r\n            <object width=\"350\" height=\"400\">\r\n              <embed width=\"350\" height=\"400\" />\r\n            </object>\r\n          </video> -->\r\n          <img :src=\"item.cover\" height=\"260\" style=\"cursor: pointer;width:100%;\" @click=\"gotoInfo(item)\" />\r\n         <!--  <div class=\"mask\" v-if=\"item.payment_mode == 1 && !$store.state.vip\">\r\n            <el-button type=\"text\" style=\"color: #f79400\" @click=\"goMoney\">付费播放</el-button>\r\n          </div> -->\r\n          <div class=\"title\">\r\n            {{ item.desc }}\r\n          </div>\r\n          <div class=\"user\">\r\n            <div class=\"user\">\r\n              <img :src=\"item.user_avatar\" alt=\"\" />\r\n              <span style=\"margin-left: 8px;\">{{ item.user_nickname }}</span>\r\n            </div>\r\n<!--             <div style=\"padding-right: 4px\">\r\n              {{ $moment(item.create_at).format(\"L\") }}\r\n            </div> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- <el-pagination layout=\"prev, pager, next\" :total=\"1000\"> </el-pagination> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      page: 1,\r\n      videoList: [],\r\n    };\r\n  },\r\n  mounted() {\r\n    if (this.$store.state.login_token) {\r\n      this.getInfo();\r\n    }\r\n    this.getVideoList();\r\n  },\r\n  methods: {\r\n    async getVideoList() {\r\n      const [err, res] = await this.$http.post(\"web/index/video\", {\r\n        page: 1,\r\n      });\r\n      if (err) {\r\n        return;\r\n      }\r\n      this.videoList = res.list;\r\n    },\r\n    goMoney() {\r\n      this.$router.push(\"/deposit\");\r\n    },\r\n    gotoInfo(date) {\r\n      this.$router.push({ path: \"/live\", query: { id: date.id } });\r\n    },\r\n    async getInfo() {\r\n      const [err, res] = await this.$http.post(\"web/User/getInfo\", {\r\n        id: this.$store.state.user_id,\r\n        token: this.$store.state.login_token,\r\n      });\r\n      if (err) {\r\n        this.$router.push(\"/\");\r\n        this.$store.commit(\"CHANGE_LOGIN_TOKEN\", \"\");\r\n        this.$store.commit(\"CHANGE_NICK_NAME\", \"\");\r\n        this.$store.commit(\"CHANGE_USER_ID\", \"\");\r\n        localStorage.setItem(\"stateInfo\", JSON.stringify(this.$store.state));\r\n        return;\r\n      }\r\n      this.$store.commit(\"CHANGE_NICK_NAME\", res.nickname);\r\n      this.$store.commit(\"CHANGE_USER_ID\", res.id);\r\n      this.$store.commit(\"CHANGE_AVATAR\", res.avatar);\r\n      this.$store.commit(\"CHANGE_VIP\", res.vip);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.videoList {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n  // align-content: flex-start;\r\n  color: #fff;\r\n  margin-top: 20px;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: calc(100% - 400px);\r\n}\r\n\r\n.videoList:after {\r\n  content: \"\";\r\n  width: 100%;\r\n}\r\n\r\n.videoList_child {\r\n  width: calc(100% / 3 - 50px);\r\n  height: 355px;\r\n  position: relative;\r\n\r\n  .mask {\r\n    width: 100%;\r\n    height: 260px;\r\n    background: #000;\r\n    opacity: 0.5;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0px;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n.grid-content {\r\n  width: 100%;\r\n\r\n  .title {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    padding: 8px 0;\r\n    color: #000;\r\n  }\r\n\r\n  .user {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 12px;\r\n    color: #130f0f;\r\n\r\n    img {\r\n      width: 26px;\r\n      height: 26px;\r\n      border-radius: 30px;\r\n    }\r\n  }\r\n}\r\n\r\n.el-col-lg-6 {\r\n  width: 20%;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=60a2eaea&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=60a2eaea&prod&lang=less&scoped=true&\"\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  \"60a2eaea\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=60a2eaea&prod&lang=less&scoped=true&\""],"sourceRoot":""}