{"version":3,"sources":["webpack:///./src/assets/book/cover1.jpg","webpack:///./src/assets/book/cover3.jpg","webpack:///./src/components/BookList.vue?548b","webpack:///src/components/BookList.vue","webpack:///./src/components/BookList.vue?1aba","webpack:///./src/components/BookList.vue","webpack:///./src/assets/book/cover2.jpg","webpack:///./src/components/BookList.vue?6865"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","_m","staticClass","_l","item","key","index","imgLink","on","$event","goToBookDetail","_v","_s","name","staticRenderFns","props","data","books","methods","console","log","$router","push","created","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,2B,uBCA3CD,EAAOC,QAAU,IAA0B,2B,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,cAAc,CAACE,YAAY,CAAC,cAAc,OAAOC,MAAM,CAAC,OAAS,UAAU,CAACH,EAAG,mBAAmB,CAACA,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,aAAiCH,EAAG,mBAAmB,CAACA,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,aAAiCH,EAAG,mBAAmB,CAACA,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,cAAkC,GAAGP,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACK,YAAY,kBAAkBT,EAAIU,GAAIV,EAAS,OAAE,SAASW,GAAM,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAKE,MAAMJ,YAAY,cAAcF,MAAM,CAAC,SAAWI,IAAO,CAACP,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,WAAWF,MAAM,CAAC,IAAMI,EAAKG,SAASC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,eAAeN,OAAUP,EAAG,OAAO,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGR,EAAKS,gBAAe,IAAI,IACxzBC,EAAkB,CAAC,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,SAAS,CAACK,YAAY,UAAUL,EAAG,IAAI,CAACK,YAAY,SAAS,CAACT,EAAIkB,GAAG,c,YC4BtN,GACEE,KAAM,WAGNE,MAAO,GACPC,KALF,WAMI,MAAO,CACLC,MAAO,EAAb,OAGEC,QAAF,CACIR,eADJ,SACA,GACMS,QAAQC,IAAI,OACZD,QAAQC,IAAIhB,GACZV,KAAK2B,QAAQC,KAAK,CAAxB,8CAGEC,QAjBF,WAkBIJ,QAAQC,IAAI1B,KAAKuB,SC/C6T,I,wBCQ9UO,EAAY,eACd,EACAhC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,gCCnBflC,EAAOC,QAAU,IAA0B,2B,2DCA3C","file":"js/chunk-34521929.5b8b5b52.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/cover1.dfe49351.jpg\";","module.exports = __webpack_public_path__ + \"img/cover3.60ca3ba8.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-carousel',{staticStyle:{\"padding-top\":\"5px\"},attrs:{\"height\":\"150px\"}},[_c('el-carousel-item',[_c('img',{attrs:{\"src\":require('@/assets/book/cover1.jpg')}})]),_c('el-carousel-item',[_c('img',{attrs:{\"src\":require('@/assets/book/cover2.jpg')}})]),_c('el-carousel-item',[_c('img',{attrs:{\"src\":require('@/assets/book/cover3.jpg')}})])],1),_vm._m(0),_c('div',{staticClass:\"book-container\"},_vm._l((_vm.books),function(item){return _c('div',{key:item.index,staticClass:\"book-detail\",attrs:{\"BookItem\":item}},[_c('div',{staticClass:\"book-item\"},[_c('img',{staticClass:\"book-img\",attrs:{\"src\":item.imgLink},on:{\"click\":function($event){return _vm.goToBookDetail(item)}}}),_c('span',[_vm._v(_vm._s(item.name))])])])}),0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-box\"},[_c('strong',{staticClass:\"label\"}),_c('p',{staticClass:\"title\"},[_vm._v(\"英语学习\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <el-carousel height=\"150px\" style=\"padding-top: 5px\">\r\n        <el-carousel-item><img :src=\"require('@/assets/book/cover1.jpg')\"></el-carousel-item>\r\n        <el-carousel-item><img :src=\"require('@/assets/book/cover2.jpg')\"></el-carousel-item>\r\n        <el-carousel-item><img :src=\"require('@/assets/book/cover3.jpg')\"></el-carousel-item>\r\n    </el-carousel>\r\n<div class=\"title-box\">\r\n  <strong class=\"label\"> </strong>\r\n  <p class=\"title\">英语学习</p>\r\n</div>\r\n    <div class=\"book-container\">\r\n      <!--      <BookItem v-for=\"item in books\" :key=\"item.index\" :BookItem = item ></BookItem>-->\r\n      <div class=\"book-detail\" v-for=\"item in books\" :key=\"item.index\" :BookItem=item >\r\n        <!--      <div class=\"book-detail\" @click=\"goToDetail()\">-->\r\n        <div class=\"book-item\">\r\n          <img :src=\"item.imgLink\" class=\"book-img\" @click=\"goToBookDetail(item)\">\r\n          <span>{{ item.name }}</span>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {bookList} from '/src/data/data.js'\r\n// import BookItem from \"@/components/BookItem\";\r\n\r\nexport default {\r\n  name: 'BookList',\r\n  // components: {BookItem},\r\n  // components: {BookItem},\r\n  props: {},\r\n  data() {\r\n    return {\r\n      books: bookList,\r\n    }\r\n  },\r\n  methods:{\r\n    goToBookDetail(item){\r\n      console.log(\"跳转前\")\r\n      console.log(item)\r\n      this.$router.push({name: 'BookDetail', params: {bookId: item.index}})\r\n    }\r\n  },\r\n  created() {\r\n    console.log(this.books);\r\n  }\r\n}\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n.book-container {\r\n  display: flex;\r\n  align-content: flex-start;\r\n  flex-flow: row wrap;\r\n}\r\n.title-box{\r\n  padding: 12px 12px;\r\n  font-family: PingFangSC-Semibold,serif;\r\n  display: flex;\r\n}\r\n.label{\r\n  display: inline-block;\r\n  width: .2rem;\r\n  border-radius: .1rem;\r\n  background: #fe5105;\r\n  margin-right: .3rem;\r\n}\r\n.title{\r\n  color: #343c44;\r\n  font-size: .8rem;\r\n  line-height: 1rem;\r\n  overflow: hidden;\r\n  -webkit-box-flex: 1;\r\n  -ms-flex: 1;\r\n  flex: 1;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  align-items: center;\r\n}\r\n.book-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-bottom: 10px;\r\n}\r\n.book-img {\r\n  width: 96px;\r\n  height: 96px;\r\n  border: .05rem solid #e2e2e2;\r\n}\r\n\r\n.book-detail{\r\n  flex: 0 0 30%;\r\n  margin-bottom: 20px;\r\n  padding-left: 5px;\r\n  padding-right: 5px;\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!./BookList.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!./BookList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BookList.vue?vue&type=template&id=a876f026&scoped=true&\"\nimport script from \"./BookList.vue?vue&type=script&lang=js&\"\nexport * from \"./BookList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BookList.vue?vue&type=style&index=0&id=a876f026&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  \"a876f026\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/cover2.5240b870.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!./BookList.vue?vue&type=style&index=0&id=a876f026&scoped=true&lang=css&\""],"sourceRoot":""}