{"version":3,"sources":["webpack:///./src/assets/bookcover/bookcover.jpg","webpack:///./src/components/GradeBooks.vue?395c","webpack:///./src/components/GradeBooks.vue?22af","webpack:///src/components/GradeBooks.vue","webpack:///./src/components/GradeBooks.vue?d0b4","webpack:///./src/components/GradeBooks.vue","webpack:///./src/assets/play.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","item","index","on","$event","clickBook","attrs","_v","_s","bookName","staticRenderFns","name","data","grade","bookIndex","audioLink","play","src","pic","title","artist","components","computed","gradeBooks","bookItem","methods","$router","push","created","console","log","gradeIndex","$route","query","component"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,8B,6DCA3C,W,yCCAA,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,gBAAgBN,EAAIQ,GAAIP,KAAe,YAAE,SAASQ,EAAKC,GAAO,OAAON,EAAG,MAAM,CAACE,YAAY,aAAaK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,UAAUJ,EAAKC,MAAU,CAACN,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACU,MAAM,CAAC,IAAM,EAAQ,QAAoC,MAAQ,OAAO,OAAS,UAAUV,EAAG,IAAI,CAACJ,EAAIe,GAAGf,EAAIgB,GAAGP,EAAKQ,eAAeb,EAAG,MAAM,CAACE,YAAY,WAAWQ,MAAM,CAAC,IAAM,EAAQ,gBAA6B,QACvnBI,EAAkB,CAAC,WAAa,IAAIlB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,IAAI,CAACJ,EAAIe,GAAG,c,YCyB/J,GACEI,KAAM,aACNC,KAFF,WAGI,MAAJ,CACMC,MAAN,UACMC,UAAN,EACMC,UAAW,KACXC,KAAN,CACQC,IAAR,IACQC,IAAR,IACQC,MAAO,IACPC,OAAR,OAKEC,WAAF,GAGEC,SAAU,CACRC,WAAY,WACV,OAAO,EAAb,kCAEIC,SAAU,WACR,IAAN,2BACA,aACM,OAAOX,EAAMU,WAAWrB,KAG5BuB,QAAS,CACPpB,UADJ,SACA,KACMZ,KAAKiC,QAAQC,KAAK,CAAxB,iFAGEC,QAlCF,WAmCIC,QAAQC,IAAI,mBACZrC,KAAKsC,WAAatC,KAAKuC,OAAOC,MAAMF,WACpCF,QAAQC,IAAIrC,KAAKsC,YACjBF,QAAQC,IAAI,YACZD,QAAQC,IAAIrC,KAAK8B,YACjBM,QAAQC,IAAI,YACZD,QAAQC,IAAIrC,KAAK+B,YCnE+T,I,wBCQhVU,EAAY,eACd,EACA3C,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E,8BCnBf7C,EAAOC,QAAU,IAA0B","file":"js/chunk-3812deab.9c5499f2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/bookcover.4461c757.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GradeBooks.vue?vue&type=style&index=0&id=61aa8f89&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"grade-detail\"},[_c('div',{staticClass:\"audios\"},[_vm._m(0),_c('div',{staticClass:\"book-content\"},_vm._l((this.gradeBooks),function(item,index){return _c('div',{staticClass:\"audio-item\",on:{\"click\":function($event){return _vm.clickBook(item,index)}}},[_c('div',{staticClass:\"audio-prefix\"},[_c('img',{attrs:{\"src\":require('@/assets/bookcover/bookcover.jpg'),\"width\":\"96px\",\"height\":\"54px\"}}),_c('p',[_vm._v(_vm._s(item.bookName))])]),_c('img',{staticClass:\"playIcon\",attrs:{\"src\":require('../assets/play.png')}})])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"audio-title\"},[_c('p',[_vm._v(\"课程列表\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"grade-detail\">\r\n    <div class=\"audios\">\r\n      <div class=\"audio-title\">\r\n        <p>课程列表</p>\r\n      </div>\r\n      <div class=\"book-content\">\r\n        <!--eslint-disable-next-line-->\r\n        <div v-for=\"(item,index) in this.gradeBooks\" class=\"audio-item\" @click = \"clickBook(item,index)\">\r\n          <div class=\"audio-prefix\">\r\n          <img :src=\"require('@/assets/bookcover/bookcover.jpg')\" width=\"96px\" height=\"54px\">\r\n          <p>{{ item.bookName }}</p>\r\n            </div>\r\n          <!--          eslint-disable-next-line-->\r\n          <img :src=\"require('../assets/play.png')\" class=\"playIcon\"/>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n<script>\r\nimport {gradeList} from '/src/data/data2.js'\r\n// import Aplayer from 'vue-aplayer'\r\n\r\nexport default {\r\n  name: \"GradeBooks\",\r\n  data(){\r\n    return{\r\n      grade:gradeList[0],\r\n      bookIndex:0,\r\n      audioLink: null,\r\n      play:{\r\n        src:\" \",\r\n        pic:\" \",\r\n        title: \" \",\r\n        artist:\" \"\r\n      }\r\n      // playButtonImg:require(\"@/assets/play.png\")\r\n    }\r\n  },\r\n  components:{\r\n    // Aplayer\r\n  },\r\n  computed: {\r\n    gradeBooks: function () {\r\n      return gradeList[this.gradeIndex].gradeBooks;\r\n    },\r\n    bookItem: function () {\r\n      let index = parseInt(this.bookIndex);\r\n      let grade = this.grade;\r\n      return grade.gradeBooks[index];\r\n    }\r\n  },\r\n  methods: {\r\n    clickBook(book,index){\r\n      this.$router.push({name: 'BookVideo', query: {bookIndex : index, gradeIndex : this.$route.query.gradeIndex}})\r\n    }\r\n  },\r\n  created() {\r\n    console.log(\"创建页面成功，即将打印年级索引\")\r\n    this.gradeIndex = this.$route.query.gradeIndex;\r\n    console.log(this.gradeIndex)\r\n    console.log(\"即将打印年级书籍\")\r\n    console.log(this.gradeBooks)\r\n    console.log(\"即将打印当前书籍\")\r\n    console.log(this.bookItem)\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.cover-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 10px;\r\n}\r\n\r\n.book-img {\r\n  width: 150px;\r\n  height: 150px;\r\n  border-radius: 3px;\r\n  margin: 5px;\r\n}\r\n\r\n.book-title {\r\n  font-weight: bold;\r\n}\r\n\r\n.grade-detail {\r\n  background: #f2f2f2;\r\n  padding: 10px;\r\n}\r\n\r\n.audios {\r\n  display: flex;\r\n  width: 100%;\r\n  background: #fff;\r\n  border-radius: .5rem .5rem 0 0;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n}\r\n\r\n.audio-title {\r\n  font-weight: 700;\r\n  display: flex;\r\n  border-bottom: .05rem solid #ddd;\r\n  padding: 0 3px;\r\n  font-size: 23px;\r\n  align-items: center;\r\n}\r\n.book-content{\r\n  /*border-bottom: .05rem solid #eee;*/\r\n  width: 100%;\r\n}\r\n.book-content div{\r\n  margin-bottom: 25px;\r\n}\r\n.audio-item{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  border-bottom: 1px solid #eee;\r\n}\r\n.player {\r\n  position: fixed;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 75%;\r\n  height: 100px;\r\n}\r\n.playIcon{\r\n  width: 30px;\r\n  height: 30px;\r\n  padding-right: 10px;\r\n}\r\n.audio-item p{\r\n  padding-left: 10px;\r\n}\r\n.audio-prefix {\r\n  display: flex;\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!./GradeBooks.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!./GradeBooks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GradeBooks.vue?vue&type=template&id=61aa8f89&scoped=true&\"\nimport script from \"./GradeBooks.vue?vue&type=script&lang=js&\"\nexport * from \"./GradeBooks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GradeBooks.vue?vue&type=style&index=0&id=61aa8f89&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  \"61aa8f89\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/play.793af351.png\";"],"sourceRoot":""}