{"version":3,"sources":["webpack:///./src/views/book/bookShelfRead.vue?17aa","webpack:///src/views/book/bookShelfRead.vue","webpack:///./src/views/book/bookShelfRead.vue?7669","webpack:///./src/views/book/bookShelfRead.vue","webpack:///./src/views/book/bookShelfRead.vue?0587"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","detail","bookType","key","id","attrs","iframeUrl","bookHref","_e","staticRenderFns","name","data","watch","handler","handleRow","$route","query","immediate","mounted","window","addEventListener","resize","getIframe","methods","$http","get","then","bookObj","width","heigth","popupProp","position","beforeDestroyed","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAA0B,IAAxBN,EAAIO,OAAOC,SAAgBJ,EAAG,SAAS,CAACK,IAAIT,EAAIO,OAAOG,GAAGJ,YAAY,OAAOK,MAAM,CAAC,IAAOX,EAAIY,UAAY,UAAYZ,EAAIO,OAAOM,UAAY,OAAQb,EAAIc,QAC7RC,EAAkB,GCMtB,GACEC,KAAM,aACNC,KAFF,WAGI,MAAO,CACLV,OAAQ,GACRK,UAAW,KAIfM,MAAO,CACL,eAAgB,CACdC,QADN,WAEQlB,KAAKmB,UAAUnB,KAAKoB,OAAOC,MAAMf,SAEnCgB,WAAW,IAGfC,QAjBF,WAkBIC,OAAOC,iBAAiB,SAAUzB,KAAK0B,QAAQ,GAC/C1B,KAAK2B,aAEPC,QAAS,CAGPD,UAHJ,WAGA,WACM3B,KAAK6B,MAAMC,IAAI,aAAaC,MAAK,SAAvC,GACQ,EAAR,yBAIIZ,UATJ,SASA,GACM,IAAN,cACMb,EAAS0B,GAAW,GACpBhC,KAAKM,OAASA,GAIhBoB,OAhBJ,WAiBM,IAAN,iBACA,uCACA,wCAEUO,EAAQC,GACVC,EAAUC,SAAW,OACrBD,EAAUF,MAAQ,MAClBE,EAAUD,OAAS,UAEnBC,EAAUC,SAAW,SACrBD,EAAUF,MAAQ,OAClBE,EAAUD,OAAS,SAIzBG,gBArDF,WAsDIb,OAAOC,iBAAiB,SAAUzB,KAAK0B,QAAQ,KC7DmT,I,wBCQlWY,EAAY,eACd,EACAxC,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E,2CCnBf,W","file":"static/js/chunk-4c65c840.96e4bfcc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"MediaDetail\"},[(_vm.detail.bookType === 2)?_c('iframe',{key:_vm.detail.id,staticClass:\"word\",attrs:{\"src\":(_vm.iframeUrl + \"&furl=\" + (_vm.detail.bookHref || ''))}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"MediaDetail\">\r\n    <iframe class=\"word\" v-if=\"detail.bookType === 2\" :src=\"`${iframeUrl}&furl=${detail.bookHref || ''}`\" :key=\"detail.id\"></iframe>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'BookSource',\r\n  data () {\r\n    return {\r\n      detail: {},\r\n      iframeUrl: ''\r\n    };\r\n  },\r\n\r\n  watch: {\r\n    '$route.query': {\r\n      handler () {\r\n        this.handleRow(this.$route.query.detail);\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  mounted () {\r\n    window.addEventListener('resize', this.resize, false);\r\n    this.getIframe();\r\n  },\r\n  methods: {\r\n\r\n    /* 调用office 365 */\r\n    getIframe () {\r\n      this.$http.get('file/view').then((res) => {\r\n        this.iframeUrl = res.data.url;\r\n      });\r\n    },\r\n\r\n    handleRow (bookObj) {\r\n      let { detail } = this;\r\n      detail = bookObj || {};\r\n      this.detail = detail;\r\n    },\r\n\r\n    /* 判断手机处于横屏还是竖屏 */\r\n    resize () {\r\n      const { popupProp } = this;\r\n      let width = document.documentElement.clientWidth;\r\n      let heigth = document.documentElement.clientHeight;\r\n      // 横屏\r\n      if (width > heigth) {\r\n        popupProp.position = 'left';\r\n        popupProp.width = '60%';\r\n        popupProp.heigth = '100vh';\r\n      } else {\r\n        popupProp.position = 'bottom';\r\n        popupProp.width = '100%';\r\n        popupProp.heigth = '60%';\r\n      }\r\n    }\r\n  },\r\n  beforeDestroyed () {\r\n    window.addEventListener('resize', this.resize, false);\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.MediaDetail {\r\n  position: relative;\r\n  height: calc(100vh - 94px);\r\n  .top-nav-bar {\r\n    flex-shrink: 0;\r\n    width: 100%;\r\n    height: 94px;\r\n\r\n    /deep/.van-nav-bar {\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      left: 0;\r\n      z-index: 999;\r\n      width: 100%;\r\n      height: 94px;\r\n      margin: auto;\r\n      background-color: #fff;\r\n\r\n      &::after {\r\n        border: none;\r\n      }\r\n\r\n      .van-nav-bar__title {\r\n        font-size: 34px;\r\n        font-weight: bold;\r\n        line-height: 94px;\r\n        color: #222;\r\n        color: #1a1a1a;\r\n      }\r\n\r\n      .van-nav-bar__left {\r\n        left: 0;\r\n      }\r\n\r\n      .van-nav-bar__right {\r\n        right: 0;\r\n      }\r\n\r\n      .van-nav-bar__left,\r\n      .van-nav-bar__right {\r\n        z-index: 999;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        height: 94px;\r\n        padding: 0 30px;\r\n      }\r\n\r\n      .back-arrow {\r\n        width: 32px;\r\n        height: 32px;\r\n        background-image: url(\"~@/assets/images/icon_backArrow_01.png\");\r\n        background-size: contain;\r\n      }\r\n      .btn {\r\n        width: 96px;\r\n        height: 56px;\r\n        background: linear-gradient(93deg, #2E86FF 0%, #5FA9FF 100%);\r\n        border-radius: 8px;\r\n        font-size: 24px;\r\n        font-weight: 500;\r\n        line-height: 46px;\r\n        color: #fff;\r\n      }\r\n    }\r\n  }\r\n  .audio {\r\n    width: 100%;\r\n  }\r\n  #video {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 600px;\r\n  }\r\n  .word {\r\n    width: 100vw;\r\n    height: 100%;\r\n  }\r\n  .rich {\r\n    padding: 30px;\r\n    width: 100%;\r\n    background-color: #fff !important;\r\n    font-size: 24px;\r\n  }\r\n  .vanImg {\r\n    width: 100%;\r\n  }\r\n  .btn {\r\n    position: fixed;\r\n    width: 60px;\r\n    height: 60px;\r\n    right: 28px;\r\n    bottom: 40px;\r\n    background: url('~@/assets/images/study/icon_menu_01.png') no-repeat center center/cover;\r\n    z-index: 10;\r\n  }\r\n  .popup {\r\n    width: 100vw;\r\n    height: 686px;\r\n    background: rgba(0,0,0,.9);\r\n    border-radius: 16px 16px 0px 0px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    .header {\r\n      height: 128px;\r\n      font-size: 36px;\r\n      color: #fff;\r\n      padding: 40px;\r\n    }\r\n    .list {\r\n      flex: 1;\r\n      height: 0;\r\n      overflow: auto;\r\n      padding: 0 40px;\r\n      .item {\r\n        margin-bottom: 40px;\r\n        .top {\r\n          margin-bottom: 15px;\r\n          display: flex;\r\n          align-items: center;\r\n          .line {\r\n            width: 8px;\r\n            height: 32px;\r\n            background: #5FA9FF;\r\n            border-radius: 4px;\r\n          }\r\n          .title {\r\n            margin-left: 20px;\r\n            font-size: 32px;\r\n            color: #fff;\r\n          }\r\n        }\r\n        .list_none{\r\n          font-size: 30px;\r\n          padding: 0 68px;\r\n          color: #969799;\r\n        }\r\n        .row {\r\n          padding: 15px 0;\r\n          display: flex;\r\n          align-items: center;\r\n          .icon {\r\n            width: 40px;\r\n            height: 40px;\r\n          }\r\n          .value {\r\n            margin-left: 16px;\r\n            font-size: 28px;\r\n            font-weight: 500;\r\n            color: #fff;\r\n          }\r\n          .active {\r\n            color: #5FA9FF !important;\r\n          }\r\n          .tag {\r\n            margin-left: 16px;\r\n            width: 60px;\r\n            height: 34px;\r\n            border: 1px solid #FFFFFF;\r\n            border-radius: 4px;\r\n            font-size: 24px;\r\n            font-weight: 500;\r\n            color: #fff;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n        .tagActive {\r\n          color: #5FA9FF !important;\r\n          border: 2px solid #5FA9FF !important;\r\n          font-size: 20px;\r\n          margin-left: 12px;\r\n          border-radius: 20px;\r\n          padding: 4px 18px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .isWhite{\r\n    background: #FFFFFF;\r\n    .header{\r\n      color: #333333;\r\n      text-align: center;\r\n      font-weight: bold;\r\n    }\r\n    .list{\r\n      padding: 0;\r\n      .item{\r\n        .top{\r\n          padding: 0 40px;\r\n          .title{\r\n            color: #333444;\r\n            font-size: 30px;\r\n            font-weight: bold;\r\n            color: #333444;\r\n          }\r\n        }\r\n        .row{\r\n          padding-left: 40px;\r\n          padding-right: 40px;\r\n          .value {\r\n            color: #67677A;\r\n          }\r\n          .tag {\r\n            margin-left: 16px;\r\n            width: 60px;\r\n            height: 34px;\r\n            border: 1px solid #FFFFFF;\r\n            border-radius: 4px;\r\n            font-size: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #67677A;\r\n          }\r\n        }\r\n        .active {\r\n         background: #EFF6FF !important;\r\n        }\r\n      }\r\n    }\r\n  }\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!./bookShelfRead.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!./bookShelfRead.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./bookShelfRead.vue?vue&type=template&id=217fc62b&scoped=true&\"\nimport script from \"./bookShelfRead.vue?vue&type=script&lang=js&\"\nexport * from \"./bookShelfRead.vue?vue&type=script&lang=js&\"\nimport style0 from \"./bookShelfRead.vue?vue&type=style&index=0&id=217fc62b&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  \"217fc62b\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./bookShelfRead.vue?vue&type=style&index=0&id=217fc62b&lang=less&scoped=true&\""],"sourceRoot":""}