{"version":3,"sources":["webpack:///./src/components/CkplayerOnly.vue?31b3","webpack:///./src/components/CkplayerOnly.vue","webpack:///src/components/CkplayerOnly.vue","webpack:///./src/components/CkplayerOnly.vue?26d6","webpack:///./src/components/CkplayerOnly.vue?b930","webpack:///./src/assets/img/drillCenter/logo.png","webpack:///./src/views/school/cloudMeeting/online.vue","webpack:///./src/views/school/cloudMeeting/components/theNowTime.vue","webpack:///src/views/school/cloudMeeting/components/theNowTime.vue","webpack:///./src/views/school/cloudMeeting/components/theNowTime.vue?b76b","webpack:///./src/views/school/cloudMeeting/components/theNowTime.vue?e26b","webpack:///src/views/school/cloudMeeting/online.vue","webpack:///./src/views/school/cloudMeeting/online.vue?b867","webpack:///./src/views/school/cloudMeeting/online.vue?e5bf","webpack:///./src/views/school/cloudMeeting/online.vue?6817","webpack:///./src/views/school/cloudMeeting/components/theNowTime.vue?1518"],"names":["render","_vm","this","_c","_self","staticClass","style","widthHeigt","attrs","staticRenderFns","name","components","props","type","Array","default","videoUrl","String","isLive","Boolean","return","ckplayerDialogShow","data","videoObject","width","height","container","variable","autoplay","flashplayer","html5m3u8","live","unescape","overspread","video","controlBar","hideControlBar","hideEnvironment","player","created","watch","index","newVal","oldVal","play","pause","methods","vm","$Common","getPlayUrl","then","res","console","log","err","ckplayer","catch","videoPause","mounted","component","module","exports","staticStyle","require","on","back","info","cloudMeetingLivePlayback","_v","_s","cloudMeetingName","$store","state","config","fileUrl","cloudMeetingCover","cloudMeetingContent","nowday","nowWeek","nowTime","nowTimes","computed","timeFormate","timeStamp","year","Date","getFullYear","month","getMonth","date","getDate","hh","getHours","mm","getMinutes","ss","getSeconds","week","getDay","weeks","getWeek","setInterval","clear","clearInterval","destroyed","TheNowTime","CkplayerOnly","url","JSON","parse","$route","query","cloudMeetingStatus","cloudMeetingLiveAddress","playVideo","$router","go","videoError","dom","document","getElementById","hasChildNodes","destroy","WasmPlayer","callbackfun","openAudio","e"],"mappings":"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","file":"js/chunk-be9f6740.bcc8e604.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CkplayerOnly.vue?vue&type=style&index=0&id=deab9a64&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ckplayer\",style:('width:' + _vm.widthHeigt[0] + 'px;' + 'height:' + _vm.widthHeigt[1] + 'px;')},[_c('div',{attrs:{\"id\":\"video\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"ckplayer\"\r\n    :style=\"\r\n      'width:' + widthHeigt[0] + 'px;' + 'height:' + widthHeigt[1] + 'px;'\r\n    \"\r\n  >\r\n    <div  id=\"video\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"ckplayerOne\",\r\n  components: {},\r\n  props: {\r\n    widthHeigt: {\r\n      type: Array,\r\n      default: () => {\r\n        return [300, 100];\r\n      }\r\n    },\r\n    videoUrl: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    isLive: {\r\n      type: Boolean,\r\n      default: {\r\n        return: false\r\n      }\r\n    },\r\n    ckplayerDialogShow: {\r\n      type: Boolean,\r\n      default: {\r\n        return: false\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      videoObject: {\r\n        width: this.widthHeigt[0], // 宽度，也可以支持百分比(不过父元素宽度要有)\r\n        height: this.widthHeigt[1], // 高度，也可以支持百分比\r\n        container: \"#video\", //“#”代表容器的ID，“.”或“”代表容器的class\r\n        variable: \"player\", //该属性必需设置，值等于下面的new chplayer()的对象\r\n        // volume: 0, //音量，范围：0-1\r\n        // loaded:'loadedHandler',\r\n        autoplay: true, //自动播放\r\n        flashplayer: false,\r\n        html5m3u8: true, //PC平台上是否使用h5播放器播放m3u8\r\n        live: this.isLive, //是否是直播\r\n        unescape: false, //默认flashplayer里需要解码\r\n        overspread: true, //是否让视频铺满播放器\r\n        video: '', //视频地址(必填)\r\n        controlBar:{\r\n          hideControlBar:{\r\n            hideEnvironment:'all'\r\n          }\r\n        }\r\n      },\r\n      player: {}\r\n    };\r\n  },\r\n  created() {},\r\n  watch: {\r\n    index: function(newVal) {\r\n      // console.log(newVal);\r\n    },\r\n    videoUrl: function(newVal,oldVal) {\r\n      this.videoObject.video = newVal;\r\n      this.play();\r\n    },\r\n    ckplayerDialogShow: function(newVal) {\r\n      if(!newVal) {\r\n        this.pause();\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    play() {\r\n      let vm =this\r\n       this.$Common.getPlayUrl(this.videoUrl).then(res=>{\r\n        console.log(res)\r\n        if(res.err){\r\n            // this.$message.error(res.err)\r\n        }else{\r\n          vm.videoObject.video=res\r\n          vm.player = new ckplayer(vm.videoObject);\r\n        }\r\n         \r\n\r\n        }).catch(err=>{\r\n          // this.$message.error(err)\r\n        })\r\n      // console.log(this.player);\r\n    },\r\n    pause() {\r\n      this.player.videoPause();\r\n    }\r\n  },\r\n  mounted() {\r\n    this.play();\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.ckplayer {\r\n  // width: 500px;\r\n  // height: 300px;\r\n  .video {\r\n    width: 100%;\r\n    height: 100%;\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!./CkplayerOnly.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!./CkplayerOnly.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CkplayerOnly.vue?vue&type=template&id=deab9a64&scoped=true\"\nimport script from \"./CkplayerOnly.vue?vue&type=script&lang=js\"\nexport * from \"./CkplayerOnly.vue?vue&type=script&lang=js\"\nimport style0 from \"./CkplayerOnly.vue?vue&type=style&index=0&id=deab9a64&prod&lang=scss&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  \"deab9a64\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/logo.d1793f35.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"player\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticStyle:{\"flex\":\"1\",\"text-align\":\"left\"}},[_c('img',{staticStyle:{\"cursor\":\"pointer\",\"width\":\"140px\",\"margin-top\":\"10px\"},attrs:{\"src\":require(\"@/assets/img/drillCenter/logo.png\"),\"alt\":\"\"},on:{\"click\":_vm.back}})]),_c('h1',{staticClass:\"top-left\",staticStyle:{\"flex\":\"1\",\"margin-top\":\"0\"}}),_c('the-now-time',{staticStyle:{\"flex\":\"1\"}})],1),_c('el-row',{staticStyle:{\"flex\":\"1\",\"display\":\"flex\"}},[_c('div',{staticStyle:{\"padding-left\":\"20px\",\"display\":\"flex\",\"align-items\":\"center\"}},[_c('ckplayer-only',{attrs:{\"ckplayerDialogShow\":false,\"isLive\":false,\"videoUrl\":_vm.info.cloudMeetingLivePlayback,\"widthHeigt\":[1380,700]}})],1),_c('el-col',{staticClass:\"right\",attrs:{\"span\":6}},[_c('h2',[_vm._v(_vm._s(_vm.info.cloudMeetingName))]),_c('img',{attrs:{\"src\":_vm.$store.state.config.fileUrl+_vm.info.cloudMeetingCover,\"alt\":\"\"}}),_c('div',{staticClass:\"content\"},[_vm._v(\" \"+_vm._s(_vm.info.cloudMeetingContent)+\" \")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"time\"},[_c('div',{staticClass:\"notime\"},[_vm._v(\" \"+_vm._s(_vm.nowday)+\" \"+_vm._s(_vm.nowWeek)+_vm._s(_vm.nowTime))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"time\">\r\n    <div class=\"notime\"> {{ nowday }} {{ nowWeek }}{{ nowTime }}</div>\r\n    \r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"theNowTime\",\r\n  components: {},\r\n  props: {},\r\n  data() {\r\n    return {\r\n      nowTime: \"\",\r\n      nowday:\"\",\r\n      nowWeek:\"\",\r\n    };\r\n  },\r\n  created() {\r\n    this.nowTimes();\r\n  },\r\n  mounted() {},\r\n  computed: {},\r\n  watch: {},\r\n  methods: {\r\n    timeFormate(timeStamp) {\r\n      let year = new Date(timeStamp).getFullYear();\r\n      let month =\r\n        new Date(timeStamp).getMonth() + 1 < 10\r\n          ? \"0\" + (new Date(timeStamp).getMonth() + 1)\r\n          : new Date(timeStamp).getMonth() + 1;\r\n      let date =\r\n        new Date(timeStamp).getDate() < 10\r\n          ? \"0\" + new Date(timeStamp).getDate()\r\n          : new Date(timeStamp).getDate();\r\n      let hh =\r\n        new Date(timeStamp).getHours() < 10\r\n          ? \"0\" + new Date(timeStamp).getHours()\r\n          : new Date(timeStamp).getHours();\r\n      let mm =\r\n        new Date(timeStamp).getMinutes() < 10\r\n          ? \"0\" + new Date(timeStamp).getMinutes()\r\n          : new Date(timeStamp).getMinutes();\r\n      let ss =\r\n        new Date(timeStamp).getSeconds() < 10\r\n          ? \"0\" + new Date(timeStamp).getSeconds()\r\n          : new Date(timeStamp).getSeconds();\r\n      let week = new Date(timeStamp).getDay();\r\n      let weeks = [\"日\", \"一\", \"二\", \"三\", \"四\", \"五\", \"六\"];\r\n      let getWeek = \"星期\" + weeks[week];\r\n      this.nowTime =  hh +\r\n        \":\" +\r\n        mm +\r\n        \":\" +\r\n        ss ;\r\n      this.nowWeek =         getWeek;\r\n      this.nowday =\r\n        year +\r\n        \"-\" +\r\n        month +\r\n        \"-\" +\r\n        date \r\n        \r\n    },\r\n    nowTimes() {\r\n      this.timeFormate(new Date());\r\n      setInterval(this.nowTimes, 1000);\r\n      this.clear();\r\n    },\r\n    clear() {\r\n      clearInterval(this.nowTimes);\r\n      this.nowTimes = null;\r\n    }\r\n  },\r\n  destroyed() {}\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.time {\r\n  // position: absolute;\r\n  font-weight: 400;\r\n  font-size: 15px;\r\n  \r\n  text-align: right;\r\n  line-height: 1;\r\n\r\n  // width: 400px;\r\n \r\n  align-items: center;\r\n}\r\n.notime{\r\n  // font-size: 34px;\r\n}\r\n.line{\r\n  width: 1px;\r\n  margin: 0 20px;\r\nborder-radius: 10px;\r\nheight: 30px;\r\nborder: 1px solid #3573D1;\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!./theNowTime.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!./theNowTime.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./theNowTime.vue?vue&type=template&id=0ead5120&scoped=true\"\nimport script from \"./theNowTime.vue?vue&type=script&lang=js\"\nexport * from \"./theNowTime.vue?vue&type=script&lang=js\"\nimport style0 from \"./theNowTime.vue?vue&type=style&index=0&id=0ead5120&prod&lang=scss&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  \"0ead5120\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"player\">\r\n    <div class=\"header\">\r\n      <div style=\"flex:1;text-align: left;\">\r\n        <img src=\"@/assets/img/drillCenter/logo.png\"\r\n             @click=\"back\"\r\n             style=\"cursor: pointer; width: 140px;margin-top: 10px;\"\r\n             alt=\"\">\r\n\r\n      </div>\r\n\r\n      <h1 style=\"flex:1;margin-top:0\"\r\n          class=\"top-left\"></h1>\r\n\r\n      <the-now-time style=\"flex:1\"></the-now-time>\r\n\r\n    </div>\r\n    <el-row style=\"flex: 1;display:flex;\"\r\n            >\r\n      <div style=\"padding-left:20px;    display: flex; align-items: center;\"  >\r\n               <ckplayer-only\r\n               \r\n        :ckplayerDialogShow=\"false\"\r\n        :isLive=\"false\"\r\n        :videoUrl=\"info.cloudMeetingLivePlayback\"\r\n        :widthHeigt=\"[1380,700]\"\r\n      ></ckplayer-only>\r\n        <!-- <video :src=\"videoUrl\"\r\n               width=\"100%\"\r\n               controlsList=\"nodownload\"\r\n               height=\"auto\"\r\n               style=\"height:calc(100vh - 160px) \"\r\n               controls\r\n               autoplay></video> -->\r\n      </div>\r\n      <el-col :span=\"6\"\r\n              class=\"right\">\r\n        <h2>{{ info.cloudMeetingName }}</h2>\r\n        <img :src=\"$store.state.config.fileUrl+info.cloudMeetingCover\"\r\n             alt=\"\">\r\n        <div class=\"content\">\r\n          {{ info.cloudMeetingContent }}\r\n\r\n        </div>\r\n      </el-col>\r\n\r\n    </el-row>\r\n    <!-- <div id=\"player-container-id\" width=\"100%\" height=\"100%\" preload=\"auto\" playsinline webkit-playsinline></div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { error } from 'highcharts';\r\nimport TheNowTime from \"./components/theNowTime.vue\";\r\nimport CkplayerOnly from \"@/components/CkplayerOnly\";\r\n// import cos from 'cos-js-sdk-v5'; // 通过 npm 安装的 SDK\r\nexport default {\r\n  name: \"TcPlayerUnit\",\r\n  components: { TheNowTime,CkplayerOnly },\r\n  props: {\r\n\r\n  },\r\n  data () {\r\n    return {\r\n      player: \"\",\r\n      info: {},\r\n      url: \"\",\r\n      videoUrl: \"\"\r\n    };\r\n  },\r\n  created () {\r\n\r\n\r\n\r\n  },\r\n  mounted () {\r\n    this.info = JSON.parse(this.$route.query.info)\r\n    this.url = this.info.cloudMeetingStatus == 1 ? this.info.cloudMeetingLiveAddress : this.info.cloudMeetingLivePlayback\r\n    console.log(this.info)\r\n    // this.$Common.getPlayUrl(this.info.cloudMeetingLivePlayback).then(res=>{\r\n    //  \r\n    // }).catch(err=>{\r\n    //   this.$message.error(err)\r\n    // })\r\n    // this.play(url);\r\n  },\r\n  watch: {\r\n    playVideo: function (newVal) {\r\n      // console.log(newVal);\r\n      this.play();\r\n    }\r\n  },\r\n  methods: {\r\n    \r\n    back () {\r\n      this.$router.go(-1)\r\n    },\r\n    videoError () {\r\n      console.log('error')\r\n    },\r\n    play (url) {\r\n      let dom = document.getElementById(\"player-container-id\");\r\n      while (dom.hasChildNodes()) {\r\n        // 当存在子节点时 销毁视频\r\n        this.player.destroy();\r\n      }\r\n      // console.log(dom);\r\n      // console.log(\"tcplayer\" + this.index);\r\n      this.player = new WasmPlayer(null, \"player-container-id\", this.callbackfun, {\r\n        openAudio: false\r\n      })\r\n      this.player.play(url, 1)\r\n      // console.log(this.playVideo,'this.playVideo')\r\n      // this.player = new this.TcPlayer(\"tcplayer\" + this.index, {\r\n      //   m3u8_sd: this.playVideo.m3u8_sd, //请替换成实际可用的播放地址\r\n      //   m3u8_hd: this.playVideo.m3u8_hd,\r\n      //   // flv_sd: this.playVideo.flv_sd, //请替换成实际可用的播放地址\r\n      //   // flv_hd: this.playVideo.flv_hd, //请替换成实际可用的播放地址\r\n      //   autoplay: true, //iOS 下 safari 浏览器，以及大部分移动端浏览器是不开放视频自动播放这个能力的\r\n      //   // poster: \"http://www.test.com/myimage.jpg\",\r\n      //   flash: false,\r\n      //   h5_flv: true,\r\n      //   width: this.widthHeigt[0] + \"px\", //视频的显示宽度，请尽量使用视频分辨率宽度\r\n      //   height: this.widthHeigt[1] + \"px\", //视频的显示高度，请尽量使用视频分辨率高度\r\n      //   live: true,\r\n      //   volume: 0,\r\n      //   clarity: \"sd\",\r\n      //   wording: {\r\n      //     2: \"摄像头连接网络不稳定\",\r\n      //     1002: \"摄像头连接网络不稳定，请切换清晰度\"\r\n      //   }\r\n      // });\r\n\r\n    }\r\n  },\r\n  destroyed () {\r\n    // 页面销毁，同时也销毁 TcPlayer\r\n    // this.player.destroy();\r\n  },\r\n  callbackfun (e) {\r\n    console.log(e)\r\n  },\r\n\r\n  //   play(address) {\r\n\r\n  //     // console.log(dom);\r\n  //     // console.log(\"tcplayer\" + this.index);\r\n  //     this.player = TCPlayer(\"player-container-id\",\r\n  //         {\r\n  //             sources: [{\r\n  //             src: address, // \r\n  //             }],\r\n  //             licenseUrl: 'license/url', // \r\n\r\n  //         }\r\n  //     );\r\n  //   }\r\n  // },\r\n  // destroyed() {\r\n  //   // 页面销毁，同时也销毁 TcPlayer\r\n  //   // this.player.destroy();\r\n  // }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.player {\r\n  width: 100%;\r\n  height: 100%;\r\n  color: #fff;\r\n  background-image: url('~@/assets/img/drillCenter/contentbg.jpg');\r\n  padding: 0 30px 30px;\r\n  background-size: 100% 100%;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  .right {\r\n    padding: 0 20px 10px;\r\n    flex: 1;\r\n    height: 100%;\r\n    display: flex;\r\n    text-align: center;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    h2 {\r\n      border: 1px solid rgba(0, 174, 255, 0.42);\r\n      height: 60px;\r\n      margin-top: 0;\r\n      line-height: 60px;\r\n      border-radius: 10px;\r\n      padding: 0 10px;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n    img {\r\n      height: 200px;\r\n      width: 100%;\r\n      border-radius: 20px;\r\n    }\r\n  }\r\n}\r\n.header {\r\n  background-image: url('~@/assets/img/drillCenter/header1.png');\r\n  background-size: 1078px 77px;\r\n  height: 77px;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  justify-content: space-between;\r\n  display: flex;\r\n  align-items: center;\r\n  padding-top: 10px;\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n  padding: 0 20px;\r\n  img {\r\n    height: auto;\r\n    width: 140px !important;\r\n  }\r\n}\r\n.content {\r\n  border: 1px solid rgba(0, 174, 255, 0.42);\r\n  flex: 1;\r\n  padding: 20px;\r\n  line-height: 1.5;\r\n  font-size: 20px;\r\n  margin: 20px 0 0 0;\r\n  border-radius: 10px;\r\n}\r\n</style>","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!./online.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!./online.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./online.vue?vue&type=template&id=2772b0d3&scoped=true\"\nimport script from \"./online.vue?vue&type=script&lang=js\"\nexport * from \"./online.vue?vue&type=script&lang=js\"\nimport style0 from \"./online.vue?vue&type=style&index=0&id=2772b0d3&prod&lang=scss&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  \"2772b0d3\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./online.vue?vue&type=style&index=0&id=2772b0d3&prod&lang=scss&scoped=true\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./theNowTime.vue?vue&type=style&index=0&id=0ead5120&prod&lang=scss&scoped=true\""],"sourceRoot":""}