{"version":3,"sources":["webpack:///./src/views/videos/Videos.vue","webpack:///src/views/videos/Videos.vue","webpack:///./src/views/videos/Videos.vue?e86c","webpack:///./src/views/videos/Videos.vue?88bd","webpack:///./src/views/videos/Videos.vue?ea92"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","staticStyle","model","value","model1","callback","$$v","expression","_l","videosInfo","item","key","url","title","_s","index","staticRenderFns","data","mounted","videosList","src","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAAC,OAAS,KAAK,CAACH,EAAG,OAAO,CAACF,EAAIM,GAAG,SAASJ,EAAG,SAAS,CAACK,YAAY,CAAC,MAAQ,SAASC,MAAM,CAACC,MAAOT,EAAIU,OAAQC,SAAS,SAAUC,GAAMZ,EAAIU,OAAOE,GAAKC,WAAW,WAAWb,EAAIc,GAAId,EAAIe,YAAY,SAASC,GAAM,OAAOd,EAAG,SAAS,CAACe,IAAID,EAAKE,IAAIb,MAAM,CAAC,MAAQW,EAAKG,QAAQ,CAACnB,EAAIM,GAAGN,EAAIoB,GAAGJ,EAAKG,aAAY,IAAI,GAAGnB,EAAIc,GAAId,EAAIe,YAAY,SAASC,EAAKK,GAAO,OAAOnB,EAAG,OAAO,CAACe,IAAII,EAAMjB,YAAY,cAAc,CAACF,EAAG,MAAM,UAAS,IAEnjBoB,EAAkB,GC+FP,GACfC,OACA,OACAR,WAAA,GACAL,OAAA,KAGAc,QAAA,WACA,MAAAC,EAAA,CACA,CACAN,MAAA,kBACAO,IAAA,sEACAR,IAAA,6CAEA,CACAC,MAAA,uBACAO,IAAA,sEACAR,IAAA,6CAEA,CACAC,MAAA,oBACAO,IAAA,sEACAR,IAAA,6CAEA,CACAC,MAAA,kBACAO,IAAA,sEACAR,IAAA,6CAEA,CACAC,MAAA,kBACAO,IAAA,sEACAR,IAAA,6CAEA,CACAC,MAAA,oBACAO,IAAA,sEACAR,IAAA,6CAEA,CACAC,MAAA,iBACAO,IAAA,sEACAR,IAAA,8CAkBA,KAAAH,WAAAU,IC7J8V,I,wBCQ1VE,EAAY,eACd,EACA5B,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,sECnBf","file":"js/chunk-101b6c04.c26791e0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"videos\"},[_c('div',{staticClass:\"head\",attrs:{\"inline\":\"\"}},[_c('span',[_vm._v(\"课程：\")]),_c('Select',{staticStyle:{\"width\":\"200px\"},model:{value:(_vm.model1),callback:function ($$v) {_vm.model1=$$v},expression:\"model1\"}},_vm._l((_vm.videosInfo),function(item){return _c('Option',{key:item.url,attrs:{\"value\":item.title}},[_vm._v(_vm._s(item.title))])}),1)],1),_vm._l((_vm.videosInfo),function(item,index){return _c('Card',{key:index,staticClass:\"videosCard\"},[_c('div',{})])})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style scoped>\n.videos {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  align-content: center;\n}\n.videos .head {\n  display: flex;\n  width: 100%;\n  align-items: center;\n}\n.videosCard {\n  width: 80%;\n  margin-top: 16px;\n}\n/* .bilibili {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n  padding-top: 75%;\n}\n.bilibili .iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n@media screen and (max-width: 600px) {\n  .videosCard {\n    width: 100%;\n    margin-top: 16px;\n  }\n  .video-title {\n    font-size: 10px;\n  }\n  .direct-to-bilibili {\n    font-size: 8px;\n  }\n} */\n</style>\n<template>\n  <div class=\"videos\">\n    <div class=\"head\" inline>\n      <span>课程：</span>\n      <Select v-model=\"model1\" style=\"width: 200px\">\n        <Option\n          v-for=\"item in videosInfo\"\n          :value=\"item.title\"\n          :key=\"item.url\"\n          >{{ item.title }}</Option\n        >\n      </Select>\n    </div>\n\n    <Card class=\"videosCard\" v-for=\"(item, index) in videosInfo\" :key=\"index\">\n      <div class=\"\"></div>\n    </Card>\n\n    <!-- <Card class=\"videosCard\" v-for=\"(item, index) in videosInfo\" :key=\"index\">\n      <a :href=\"item.url\" target=\"_blank\" slot=\"extra\">\n        <Button size=\"small\" type=\"info\">\n          <Icon type=\"ios-videocam\" />\n          <span class=\"direct-to-bilibili\">前往B站观看</span>\n        </Button>\n      </a>\n      <div class=\"bilibili\">\n        <iframe\n          width=\"560px\"\n          height=\"315px\"\n          class=\"iframe\"\n          :src=\"item.src\"\n          scrolling=\"no\"\n          border=\"0\"\n          frameborder=\"no\"\n          framespacing=\"0\"\n          allowfullscreen=\"true\"\n        ></iframe>\n      </div>\n      <p slot=\"title\">\n        <span class=\"video-title\">{{ item.title }}</span>\n      </p>\n    </Card> -->\n    <!-- <Col span=\"11\">\n      <Card dis-hover>\n        <p slot=\"title\">Disable card with hover shadows</p>\n        <p>Content of card</p>\n        <p>Content of card</p>\n        <p>Content of card</p>\n      </Card>\n    </Col> -->\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      videosInfo: [],\n      model1: \"\"\n    };\n  },\n  mounted: function () {\n    const videosList = [\n      {\n        title: \"尚学FIT9131预习课第一周\",\n        src: \"//player.bilibili.com/player.html?aid=88764391&cid=151638190&page=1\",\n        url: \"https://www.bilibili.com/video/av88764391\"\n      },\n      {\n        title: \"尚学提前预习课FIT9131第二周练习课\",\n        src: \"//player.bilibili.com/player.html?aid=90516288&cid=154575447&page=1\",\n        url: \"https://www.bilibili.com/video/av90516288\"\n      },\n      {\n        title: \"尚学FIT9131提前预习课第三周\",\n        src: \"//player.bilibili.com/player.html?aid=92406772&cid=157779454&page=1\",\n        url: \"https://www.bilibili.com/video/av92406772\"\n      },\n      {\n        title: \"尚学FIT9132预习课第一周\",\n        src: \"//player.bilibili.com/player.html?aid=90091416&cid=153867190&page=1\",\n        url: \"https://www.bilibili.com/video/av90091416\"\n      },\n      {\n        title: \"尚学FIT9132预习课第二周\",\n        src: \"//player.bilibili.com/player.html?aid=92448662&cid=157850564&page=1\",\n        url: \"https://www.bilibili.com/video/av92448662\"\n      },\n      {\n        title: \"尚学提前预习课FIT9137第一周\",\n        src: \"//player.bilibili.com/player.html?aid=90104908&cid=153867819&page=1\",\n        url: \"https://www.bilibili.com/video/av90104908\"\n      },\n      {\n        title: \"尚学提前预习课FIT5195\",\n        src: \"//player.bilibili.com/player.html?aid=90781193&cid=154853244&page=1\",\n        url: \"https://www.bilibili.com/video/av90781193\"\n      }\n    ];\n    //  每两个为一个小数组  array里面一共有bin这么多个小数组\n    // const bin = Math.ceil(videosList.length / 2);\n    //   把数组里面  变成 bin这个多个小数组\n    //   videosInfo\n    // for (let index = 0; index < videosList.length; index++) {\n    //   const element = videosList[index];\n    //   if(index % 2 === 0) {\n    //     //  每两个元素   往videosInfo里面push一个空的新的小数组\n    //     this.videosInfo.push([])\n    //   }\n    //   //  子数组的index\n    //   const binIndex = Math.floor( index / 2);\n    //   //   把对应的元素push到子数组里面\n    //   this.videosInfo[binIndex].push(element);\n    // }\n    this.videosInfo = videosList;\n  }\n};\n</script>\n","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!./Videos.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!./Videos.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Videos.vue?vue&type=template&id=93570322&scoped=true\"\nimport script from \"./Videos.vue?vue&type=script&lang=js\"\nexport * from \"./Videos.vue?vue&type=script&lang=js\"\nimport style0 from \"./Videos.vue?vue&type=style&index=0&id=93570322&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  \"93570322\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Videos.vue?vue&type=style&index=0&id=93570322&prod&scoped=true&lang=css\""],"sourceRoot":""}