{"version":3,"sources":["webpack:///./src/view/About/Logo.vue","webpack:///src/view/About/Logo.vue","webpack:///./src/view/About/Logo.vue?216c","webpack:///./src/view/About/Logo.vue?33da","webpack:///./src/view/About/Logo.vue?500a"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","text1","on","playVideo","directives","name","rawName","value","isPlaying","expression","attrs","videoSrc","staticRenderFns","language","localStorage","getItem","data","text2","text3","computed","mapState","methods","video","document","getElementById","pause","play","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACF,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,YAAYL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYI,GAAG,CAAC,MAAQR,EAAIS,YAAY,CAACP,EAAG,IAAI,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQb,EAAIc,UAAWC,WAAW,iBAAiBb,EAAG,QAAQ,CAACc,MAAM,CAAC,GAAK,QAAQ,IAAMhB,EAAIiB,SAAS,OAAS,wGAEjcC,EAAkB,G,YCmBtB,IAAAC,EAAAC,aAAAC,QAAA,kBACAP,GAAA,EAGe,OACfQ,OACA,OAAAH,GACA,SACA,OACAZ,MAAA,UACAgB,MAAA,GACAC,MAAA,GACAP,SAAA,uFACAH,aAGA,SACA,OACAP,MAAA,mBACAgB,MAAA,GACAC,MAAA,GACAP,SAAA,uFACAH,eAKAW,SAAA,IACAC,eAAA,iBAEAC,QAAA,CAEAlB,YACA,MAAAmB,EAAAC,SAAAC,eAAA,SAEA,KAAAhB,WACAc,EAAAG,QACA,KAAAjB,WAAA,IAEAc,EAAAI,OACA,KAAAlB,WAAA,MC7D6V,I,wBCQzVmB,EAAY,eACd,EACAlC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAe,E,kECnBf","file":"js/chunk-012d1e44.66eb3183.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"content_top\"},[_c('h3',[_vm._v(_vm._s(_vm.text1))])]),_c('div',{staticClass:\"content_bottom\"},[_c('div',{staticClass:\"video_box\",on:{\"click\":_vm.playVideo}},[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPlaying),expression:\"!isPlaying\"}]}),_c('video',{attrs:{\"id\":\"video\",\"src\":_vm.videoSrc,\"poster\":\"https://jw-ppt.oss-cn-beijing.aliyuncs.com/zl/project/FutureGens/img/guanyu/logo_mean.jpg\"}})])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- CMC平台 -->\r\n<template>\r\n  <div>\r\n    <div class=\"content\">\r\n      <div class=\"content_top\">\r\n        <h3>{{ text1 }}</h3>\r\n        <!-- <p>{{ text2 }}</p> -->\r\n        <!-- <p>{{ text3 }}</p> -->\r\n      </div>\r\n      <div class=\"content_bottom\">\r\n        <!-- <img src=\"https://jw-ppt.oss-cn-beijing.aliyuncs.com/zl/project/FutureGens/img/guanyu/logo_mean.jpg\" alt=\"\" /> -->\r\n        <div class=\"video_box\" v-on:click=\"playVideo\">\r\n          <i v-show=\"!isPlaying\"></i>\r\n          <video id=\"video\" :src=\"videoSrc\" poster=\"https://jw-ppt.oss-cn-beijing.aliyuncs.com/zl/project/FutureGens/img/guanyu/logo_mean.jpg\"></video>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nlet language = localStorage.getItem(\"language\") || \"cn\";\r\nlet isPlaying = false;\r\nimport { mapState } from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    switch (language) {\r\n      case \"cn\":\r\n        return {\r\n          text1: \"LOGO 意涵\",\r\n          text2: \"\",\r\n          text3: \"\",\r\n          videoSrc: \"https://jw-ppt.oss-cn-beijing.aliyuncs.com/zl/project/FutureGens/src/video/about.mp4\",\r\n          isPlaying,\r\n        };\r\n        break;\r\n      case \"en\":\r\n        return {\r\n          text1: \"LOGO Connotation\",\r\n          text2: \"\",\r\n          text3: \"\",\r\n          videoSrc: \"https://jw-ppt.oss-cn-beijing.aliyuncs.com/zl/project/FutureGens/src/video/about.mp4\",\r\n          isPlaying,\r\n        };\r\n        break;\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState([\"isLanguage\"]),\r\n  },\r\n  methods: {\r\n    // 播放视频\r\n    playVideo() {\r\n      const video = document.getElementById(\"video\");\r\n\r\n      if (this.isPlaying) {\r\n        video.pause();\r\n        this.isPlaying = false;\r\n      } else {\r\n        video.play();\r\n        this.isPlaying = true;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.content {\r\n  width: 100%;\r\n  .content_top {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    text-align: center;\r\n    color: #203864;\r\n    margin: 0 auto;\r\n    padding-bottom: 20px;\r\n    h3 {\r\n      position: relative;\r\n      font-size: 50px;\r\n      margin-bottom: 30px;\r\n      margin-top: 30px;\r\n      opacity: 0.9;\r\n      font-weight: normal;\r\n    }\r\n    h3::after {\r\n      position: absolute;\r\n      top: 120%;\r\n      left: 48%;\r\n      content: \"\";\r\n      width: 50px;\r\n      height: 1px;\r\n      background-color: #ccc;\r\n    }\r\n    p {\r\n      opacity: 0.9;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  .content_bottom {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 20px auto 50px auto;\r\n    .video_box {\r\n      width: 100%;\r\n      height: 80vh;\r\n      position: relative;\r\n      box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);\r\n      i {\r\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23203864' d='M371.7 238l-176-107c-15.8-8.8-35.7 2.5-35.7 21v208c0 18.4 19.8 29.8 35.7 21l176-101c16.4-9.1 16.4-32.8 0-42zM504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256z'%3E%3C/path%3E %3C/svg%3E\");\r\n        position: absolute;\r\n        width: 80px;\r\n        height: 80px;\r\n        bottom: 10%;\r\n        left: 5%;\r\n        opacity: 0.8;\r\n      }\r\n      video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n  .content_bottom img {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 750px) {\r\n  .header {\r\n    height: 150px;\r\n    div {\r\n      h3 {\r\n        font-size: 24px;\r\n        margin-left: 10%;\r\n        font-weight: normal;\r\n        padding-top: 20%;\r\n      }\r\n      h3::after {\r\n        width: 30px;\r\n      }\r\n    }\r\n  }\r\n  .content {\r\n    .wrap {\r\n      .content_nav {\r\n        height: 70px;\r\n        padding-top: 2%;\r\n        line-height: 18px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        a {\r\n          width: 120px;\r\n          height: 70px;\r\n          font-size: 16px;\r\n          margin-right: 0px;\r\n          margin-top: 10px;\r\n        }\r\n        .line_red::after {\r\n          top: 44%;\r\n          left: 2%;\r\n          width: 117px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .content_top {\r\n      h3 {\r\n        width: 70vw;\r\n        font-size: 30px;\r\n        margin: 20px auto 0 auto;\r\n      }\r\n      h3::after {\r\n        top: 118%;\r\n        left: 41%;\r\n      }\r\n      p {\r\n        width: 80vw;\r\n        margin-left: calc(50% - 40vw);\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n      }\r\n    }\r\n    .content_bottom {\r\n      margin: 30px auto;\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./Logo.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!./Logo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Logo.vue?vue&type=template&id=d27de49e&scoped=true&\"\nimport script from \"./Logo.vue?vue&type=script&lang=js&\"\nexport * from \"./Logo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Logo.vue?vue&type=style&index=0&id=d27de49e&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  \"d27de49e\",\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!./Logo.vue?vue&type=style&index=0&id=d27de49e&prod&lang=less&scoped=true&\""],"sourceRoot":""}