{"version":3,"sources":["webpack:///./src/modules/stu/views/book/BookCoupon.vue?4d0f","webpack:///./src/modules/stu/components/Classify.vue?b460","webpack:///./src/assets/images/jifen.png","webpack:///./src/modules/stu/images/book/coupon@2x.png","webpack:///./src/modules/stu/views/book/Book.vue?028f","webpack:///src/modules/stu/views/book/Book.vue","webpack:///./src/modules/stu/views/book/Book.vue?d2e7","webpack:///./src/modules/stu/views/book/Book.vue","webpack:///./src/modules/stu/views/book/BookDetail.vue?6924","webpack:///./src/assets/images/gifts.png","webpack:///./src/modules/stu/components/Classify.vue?0176","webpack:///src/modules/stu/components/Classify.vue","webpack:///./src/modules/stu/components/Classify.vue?322f","webpack:///./src/modules/stu/components/Classify.vue","webpack:///./src/modules/stu/views/book/Book.vue?9f7b","webpack:///./src/assets/images/course/tuan@2x.png","webpack:///./src/modules/stu/views/book/BookCoupon.vue?17ea","webpack:///src/modules/stu/views/book/BookCoupon.vue","webpack:///./src/modules/stu/views/book/BookCoupon.vue?890d","webpack:///./src/modules/stu/views/book/BookCoupon.vue","webpack:///./src/modules/stu/views/book/BookDetail.vue?8fc1","webpack:///./src/assets/images/course/quan@2x.png","webpack:///./src/assets/images/youhui.png","webpack:///./src/modules/stu/views/book/BookDetail.vue?4b71","webpack:///src/modules/stu/views/book/BookDetail.vue","webpack:///./src/modules/stu/views/book/BookDetail.vue?a442","webpack:///./src/modules/stu/views/book/BookDetail.vue","webpack:///./src/modules/stu/views/book/Book.vue?7b73"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","name","_v","ref","classify_id","on","changeCommonClassify","class","active","sort","$event","changeSort","_l","item","key","id","params","cover_img","_e","_s","author","_f","spell_price","price","underlined_price","staticStyle","list","length","page","limit","total","handleCurrentChange","staticRenderFns","components","data","classify","sub_classify","classifyList","direct","subClassify","computed","subClassifyList","methods","component","_m","is_active","changeClassify","title","classify_child_id","props","default","String","all","type","Boolean","childClassify","showChildClassify","commentClassify","flag","$emit","getCommentClassify","$http","get","then","unshift","instruction","book","couponList","is_vip_course","$store","state","commonSetting","switch_vip_module","gifts","gifts_integral","index","getGiftType","gift_type","getGifts","coupon","user_has_coupon","full_reduction","discounted_price","getCoupon","sales_num","sales_base","stock","shareUrl","goToBuy","is_collected","cancelCollect","collect","shareBook","model","value","callback","$$v","activeName","expression","domProps","details","comments","comment","avatar","nickname","$set","content","Date","parseInt","created_at","format","showShareModal","slot","VueQr","$route","num","recommends","has_join_spell","changeNum","newNum","$info","$router","push","query","watch"],"mappings":"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","file":"js/book.8783b942.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./BookCoupon.vue?vue&type=style&index=0&id=df9ffb64&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./BookCoupon.vue?vue&type=style&index=0&id=df9ffb64&lang=scss&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./Classify.vue?vue&type=style&index=0&id=97182394&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./Classify.vue?vue&type=style&index=0&id=97182394&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/jifen.824d3c37.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADz0lEQVRYR+2YbWiVZRjHf9f9nHNm0+ZWK3Gb2UjTEaNRozqjl1m67OVDSQVCFIQQZVAsiH3Yh1QikgolyCL8UFaLIDEwe2HUovWy0tUwZrTU0jFJ3Vib4HbO7vuK5zludnZ2tufUXPvg8/E+17mu3/2/Xu6bWwB0T22ZTSY2o9QqutBfm6lPkGMILV409ozc2dItAUxiuEPhopmCmCiOQJ8Xy7taRj6seVdV1/6fMKOxRaRJRnbV9Mx0mrJt3k+fJHfFdTaoM6bSeaAp0jF9KYsWpEIlB9JDSgR0JHRV5A5UWIF37Qbs9w0weGgskKlqQMpWY/fUgUuk1qMFeLc14Tq3oUd2h4LKHUgiQRA9dQT33dNjQbxbmyDRj2197CxkZT1SVodtvh+Sg+cICJDSlXjVG7Gt69HeHyFWROSOj3C/vok78Hoq8LzFeCt24PZvQX/fGQrGNwqv0JxipGTFGceCKavDHfsS7BAybzGmfA3uj93oQFfKRiKYRatxRz8GtcGS9nwBQycnhQsPdHEVXs3WCZ2JiaKqUxav/eZJ6P1pmoCyuSlcjnfzdtyB19CuHaFTk80wvEJZPJiaV5D5S7CfrQF7emaA5JLrkZLazGCRfEzZKvTUUfRkeygY7WlBT7RltQ2lkFx2N2bpg+lOohcieUXocH/mMPQt55aCTcLQ8bT/ua63J51JoYAytlOwBC/+MiQGsF+vh8RfGSay9CHM8nW4fc+iPZ+HUi+3th9t+OJqzHXPw3AvtvVxGO7LGsxUbwpS7dqfQ7s/CQUVXiG/Xq58GLlibXA0uH0b0XHpyJTJ4FXWQ2EF2v0prvPV6ZhDBim/F7PsEYjNRw/vDOrDLIiH2rEOHMId/gBz1ROBvT/N9bd3xobleCchFBK8G7eBl4fteAH6fwmOBfKKAl9e5VNgYtiOzRmAng+hFvvVo5BfgndNIzrUh9vb+N+6zFeGhH84unRHhRVEbtmO7fSH4luZQDe9gY4M4r6tH61AMNGzt4EJsEIolD0zJr4VKa7CNj8Ap//MBFr5Ptq3H9e+KVR6/1WXjXqW0lV41RvST/h/hjUxvLua0YPvpYo55Je7QuIF88WfM/7EdW0NE6ZALo3jxV/C/tB4ruaQIItuxyxbh8wtCa4azi/yM1cLufwecDZ14ucvxJTfB14sdcaNv9ZOolYOCgnmhheRCxbgft6Cntib5tY/8aWoIlhTdejxNvRgU4bdVJnLAcjv8TngkhPPEL97xEvFUzdpJ00GlRvQVNubht/PA00l4ux7bJh1zzGz7sEq6NJZ9KT3Nzp2vdxqmZScAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_c('div',{staticClass:\"question-nav\"},[_c('router-link',{attrs:{\"to\":{ name: 'Home' }}},[_vm._v(\"首页\")]),_c('span',{staticClass:\"slash\"},[_vm._v(\" > \")]),_c('span',{staticClass:\"current\"},[_vm._v(\"图书列表\")])],1),_c('div',{staticClass:\"select-tab margin_bot_20\"},[_c('Classify',{ref:\"classify\",attrs:{\"classify_id\":_vm.classify_id,\"all\":true},on:{\"changeClassify\":_vm.changeCommonClassify}}),_c('ul',{staticClass:\"sort clear\"},[_c('li',{class:{ active: _vm.sort == 'all' },on:{\"click\":function($event){return _vm.changeSort('all')}}},[_vm._v(\"\\n        综合排序\\n      \")]),_c('li',{class:{ active: _vm.sort == 'id' },on:{\"click\":function($event){return _vm.changeSort('id')}}},[_vm._v(\"\\n        最新\\n      \")]),_c('li',{class:{ active: _vm.sort == 'hot' },on:{\"click\":function($event){return _vm.changeSort('hot')}}},[_vm._v(\"\\n        最热\\n      \")]),_c('li',{staticClass:\"sort-price\",class:{ active: _vm.sort == 'price' },on:{\"click\":function($event){return _vm.changeSort('price')}}},[_vm._v(\"\\n        价格\\n      \")])])],1),_c('div',{staticClass:\"list\"},[_vm._l((_vm.list),function(item){return _c('router-link',{key:item.id,staticClass:\"item f-left\",attrs:{\"to\":{ name: 'BookDetail', params: { id: item.id } }}},[_c('div',{staticClass:\"child\"},[_c('div',{staticClass:\"clear\"},[_c('img',{staticClass:\"cover\",attrs:{\"src\":item.cover_img}}),_c('div',{staticClass:\"right\"},[(item.is_spell)?_c('img',{staticClass:\"coupon\",attrs:{\"src\":require(\"@/assets/images/course/tuan@2x.png\")}}):_vm._e(),(item.is_has_coupon)?_c('img',{staticClass:\"coupon\",attrs:{\"src\":require(\"@/assets/images/course/quan@2x.png\")}}):_vm._e(),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"author\"},[_vm._v(\"作者：\"+_vm._s(item.author))])])]),_c('div',{staticClass:\"clear bottom\"},[(item.price)?_c('span',{staticClass:\"f-left price\"},[_c('Currency'),(item.is_spell)?_c('span',[_vm._v(_vm._s(_vm._f(\"price\")(item.spell_price)))]):_c('span',[_vm._v(_vm._s(_vm._f(\"price\")(item.price)))])],1):_c('span',{staticClass:\"f-left price\"},[_vm._v(\"免费\")]),(item.underlined_price)?_c('strike',{staticClass:\"f-left underline-price\"},[_c('Currency'),_c('span',[_vm._v(_vm._s(_vm._f(\"price\")(item.underlined_price)))])],1):_vm._e()],1)])])}),_c('div',{staticStyle:{\"clear\":\"both\"}})],2),(_vm.list.length == 0)?_c('Empty',{staticClass:\"empty\",attrs:{\"title\":\"暂无图书！\"}}):_vm._e(),(_vm.list.length > 0)?_c('el-pagination',{attrs:{\"background\":\"\",\"current-page\":_vm.page,\"page-size\":_vm.limit,\"layout\":\"prev, pager, next, total, jumper\",\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"main-container\">\n    <!-- 面包屑 -->\n    <div class=\"question-nav\">\n      <router-link :to=\"{ name: 'Home' }\">首页</router-link>\n      <span class=\"slash\"> > </span>\n      <span class=\"current\">图书列表</span>\n    </div>\n\n    <div class=\"select-tab margin_bot_20\">\n      <Classify\n        ref=\"classify\"\n        :classify_id=\"classify_id\"\n        :all=\"true\"\n        @changeClassify=\"changeCommonClassify\"\n      />\n      <ul class=\"sort clear\">\n        <li :class=\"{ active: sort == 'all' }\" @click=\"changeSort('all')\">\n          综合排序\n        </li>\n        <li :class=\"{ active: sort == 'id' }\" @click=\"changeSort('id')\">\n          最新\n        </li>\n        <li :class=\"{ active: sort == 'hot' }\" @click=\"changeSort('hot')\">\n          最热\n        </li>\n        <li\n          class=\"sort-price\"\n          :class=\"{ active: sort == 'price' }\"\n          @click=\"changeSort('price')\"\n        >\n          价格\n        </li>\n      </ul>\n    </div>\n    <div class=\"list\">\n      <router-link\n        class=\"item f-left\"\n        :to=\"{ name: 'BookDetail', params: { id: item.id } }\"\n        v-for=\"item in list\"\n        :key=\"item.id\"\n      >\n        <div class=\"child\">\n          <div class=\"clear\">\n            <img class=\"cover\" :src=\"item.cover_img\" />\n            <div class=\"right\">\n              <img\n                v-if=\"item.is_spell\"\n                class=\"coupon\"\n                src=\"@/assets/images/course/tuan@2x.png\"\n              />\n              <img\n                v-if=\"item.is_has_coupon\"\n                class=\"coupon\"\n                src=\"@/assets/images/course/quan@2x.png\"\n              />\n              <div class=\"title\">{{ item.name }}</div>\n              <div class=\"author\">作者：{{ item.author }}</div>\n              <!-- <div class=\"introduce\">{{item.instruction}}</div> -->\n            </div>\n          </div>\n          <div class=\"clear bottom\">\n            <span v-if=\"item.price\" class=\"f-left price\">\n              <Currency></Currency>\n              <span v-if=\"item.is_spell\">{{ item.spell_price | price }}</span>\n              <span v-else>{{ item.price | price }}</span>\n            </span>\n            <span v-else class=\"f-left price\">免费</span>\n            <strike v-if=\"item.underlined_price\" class=\"f-left underline-price\">\n              <Currency></Currency>\n              <span>{{ item.underlined_price | price }}</span>\n            </strike>\n          </div>\n        </div>\n      </router-link>\n      <div style=\"clear: both\"></div>\n    </div>\n    <Empty v-if=\"list.length == 0\" class=\"empty\" title=\"暂无图书！\" />\n    <el-pagination\n      background\n      @current-change=\"handleCurrentChange\"\n      :current-page=\"page\"\n      :page-size=\"limit\"\n      layout=\"prev, pager, next, total, jumper\"\n      :total=\"total\"\n      v-if=\"list.length > 0\"\n    ></el-pagination>\n  </div>\n</template>\n<script>\nimport Classify from \"../../components/Classify.vue\";\n\nexport default {\n  name: \"Book\",\n  components: { Classify },\n  data() {\n    return {\n      classify: 0, //一级分类\n      sub_classify: 0, //二级分类\n      classifyList: [],\n      sort: \"id\",\n      list: [],\n      page: 1,\n      limit: 12,\n      total: 0,\n      direct: \"desc\",\n      classify_id: 0, //一级专业分类\n      subClassify: 0, //二级专业分类\n    };\n  },\n  computed: {\n    subClassifyList() {\n      if (this.classify == 0) {\n        return [];\n      }\n      return (\n        this.classifyList.filter((c) => c.id == this.classify)[0].child || []\n      );\n    },\n  },\n  async created() {\n    // this.classifyList = await this.$http.get(\"/api/app/book/classify\");\n    await this.getBooks();\n\n    this.classify_id = this.$route.query.classify_id;\n  },\n  methods: {\n    async getBooks() {\n      let data = await this.$http.get(\n        \"/api/app/book/list/\" + (this.subClassify || this.classify_id),\n        {\n          order: this.sort,\n          classify_id: this.sub_classify || this.classify_id,\n          page: this.page,\n          limit: this.limit,\n          sort: this.direct,\n        }\n      );\n      this.list = data.list;\n      this.total = data.total;\n    },\n    async changeCommonClassify(flag, item) {\n      if (flag == 1) {\n        this.classify_id = item.id;\n        this.subClassify = null;\n        this.$refs.classify.showChildClassify = true;\n        this.$nextTick(() => {\n          this.$refs.classify.childClassify = item.child;\n        });\n      } else {\n        this.subClassify = item.id;\n      }\n      this.page = 1;\n      await this.getBooks();\n    },\n    async changeClassify(classify) {\n      this.classify = classify;\n      this.page = 1;\n      this.sub_classify = 0;\n      await this.getBooks();\n    },\n    async changeSubClassify(subClassify) {\n      this.sub_classify = subClassify;\n      this.page = 1;\n      await this.getBooks();\n    },\n    async changeSort(sort) {\n      this.sort = sort;\n      this.page = 1;\n      if (this.sort == \"price\") {\n        this.direct = this.direct == \"desc\" ? \"asc\" : \"desc\";\n      } else {\n        this.direct = \"desc\";\n      }\n      await this.getBooks();\n    },\n    async handleCurrentChange(page) {\n      this.page = page;\n      await this.getBooks();\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"../../css/question.scss\";\n</style>\n\n<style lang=\"scss\" scoped>\n.list {\n  margin-top: 26px;\n  .item {\n    width: 280px;\n    height: 327px;\n    box-sizing: border-box;\n    margin-bottom: 20px;\n    margin-right: 26px;\n    position: relative;\n    .child {\n      background: rgba(255, 255, 255, 1);\n      // border-radius: 10px;\n      padding: 16px;\n      width: 100%;\n      height: 100%;\n      box-sizing: border-box;\n      transition: all 0.4s;\n      &:hover {\n        margin-top: -10px;\n      }\n    }\n    &:nth-child(4n) {\n      margin-right: 0;\n    }\n    .cover {\n      display: block;\n      width: 110px;\n      height: 161px;\n      margin: 4px auto;\n      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.4);\n    }\n    .right {\n      width: 226px;\n    }\n    .title {\n      margin-top: 16px;\n      height: 32px;\n      font-size: 18px;\n      font-family: PingFangSC-Medium, PingFang SC;\n      font-weight: 500;\n      color: rgba(32, 36, 42, 1);\n      line-height: 25px;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      &:hover {\n        color: $primary-color;\n      }\n    }\n    .author {\n      font-size: 14px;\n      font-family: PingFang SC;\n      font-weight: 400;\n      color: #999999;\n    }\n    .introduce {\n      height: 60px;\n      font-size: 13px;\n      font-family: PingFangSC-Medium, PingFang SC;\n      font-weight: 500;\n      color: rgba(140, 140, 140, 1);\n      line-height: 20px;\n      margin-top: 7px;\n      overflow: hidden;\n    }\n    .bottom {\n      padding-top: 10px;\n    }\n    .coupon {\n      float: left;\n      margin-right: 8px;\n      width: 18px;\n      height: 18px;\n      margin-top: 3px;\n    }\n    .price {\n      font-size: 17px;\n      font-family: PingFangSC-Semibold, PingFang SC;\n      font-weight: 600;\n      color: rgba(231, 77, 61, 1);\n      display: flex;\n      align-items: center;\n      span {\n        line-height: 17px;\n        height: 17px;\n      }\n      img {\n        height: 17px;\n      }\n    }\n    .underline-price {\n      font-size: 12px;\n      color: rgba(0, 0, 0, 0.45);\n      font-family: PingFangSC-Semibold, PingFang SC;\n      margin-left: 20px;\n      display: flex;\n      align-items: center;\n      margin-top: 2px;\n      span {\n        line-height: 12px;\n        height: 12px;\n      }\n      img {\n        height: 12px;\n      }\n    }\n  }\n}\n.empty {\n  margin-bottom: 50px;\n}\n</style>\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!./Book.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!./Book.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Book.vue?vue&type=template&id=fa75cdb8&scoped=true&\"\nimport script from \"./Book.vue?vue&type=script&lang=js&\"\nexport * from \"./Book.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Book.vue?vue&type=style&index=0&id=fa75cdb8&lang=scss&scoped=true&\"\nimport style1 from \"./Book.vue?vue&type=style&index=1&id=fa75cdb8&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  \"fa75cdb8\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./BookDetail.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./BookDetail.vue?vue&type=style&index=1&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/gifts.9780ced5.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"classify professional-select-tab\"},[_c('div',{staticClass:\"item\"},[_vm._m(0),_c('div',{staticClass:\"right\"},[_c('ul',{staticClass:\"classifyParent\"},_vm._l((_vm.commentClassify),function(item){return _c('li',{key:item.key,class:_vm.is_active(item),on:{\"click\":function($event){return _vm.changeClassify(1,item)}}},[_vm._v(_vm._s(item.title))])}),0),(_vm.showChildClassify)?_c('ul',{staticClass:\"classifyChild\"},_vm._l((_vm.childClassify),function(item){return _c('li',{key:item.key,class:_vm.classify_child_id == item.id?'child_active':'',on:{\"click\":function($event){return _vm.changeClassify(2,item)}}},[_vm._v(_vm._s(item.title))])}),0):_vm._e()])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"left\"},[_c('p',[_vm._v(\"专业分类：\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"classify professional-select-tab\">\n    <div class=\"item\">\n      <div class=\"left\">\n        <p>专业分类：</p>\n      </div>\n      <div class=\"right\">\n        <ul class=\"classifyParent\">\n          <li :class=\"is_active(item)\"\n              v-for=\"item in commentClassify\"\n              :key=\"item.key\"\n              @click=\"changeClassify(1,item)\">{{item.title}}</li>\n        </ul>\n        <ul v-if=\"showChildClassify\"\n            class=\"classifyChild\">\n          <li v-for=\"item in childClassify\"\n              :key=\"item.key\"\n              :class=\"classify_child_id == item.id?'child_active':''\"\n              @click=\"changeClassify(2,item)\">{{item.title}}</li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    classify_id: {\n      default: String\n    },\n    all: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data () {\n    return {\n      childClassify: [],\n      showChildClassify: false,\n      commentClassify: [],\n      classify_child_id: ''\n    };\n  },\n  async created () {\n    await this.getCommentClassify();//获取专业分类\n  },\n  methods: {\n    changeClassify (flag, item) {\n      if (flag == 1) {\n        this.$emit('changeClassify', flag, item);\n      } else {\n        this.$emit('changeClassify', flag, item);\n        this.classify_child_id = item.id;\n      }\n    },\n    is_active (item) {\n      if (item.id == this.classify_id) {\n        if (this.childClassify) {\n          return 'active activeMark';\n        } else {\n          return 'active';\n        }\n      }\n    },\n    getCommentClassify () {\n      this.$http.get(\"/api/app/comment/classify\").then(data => {\n        if (this.all) {\n          data.unshift({ title: '全部', id: 0 })\n        }\n        this.commentClassify = data;\n      });\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"@/assets/css/varibles.scss\";\n.classify {\n  border: none;\n  padding-left: 0;\n  margin: 0;\n  padding-bottom: 0;\n  .classifyChild {\n    background: rgba(59, 144, 255, 0.1);\n    border-radius: 5px;\n    padding-left: 26px;\n    li {\n      color: #333333;\n      height: 42px !important;\n      line-height: 42px !important;\n      margin-bottom: 0 !important;\n      font-size: 14px;\n    }\n    .child_active {\n      color: $primary_color;\n    }\n  }\n  .classifyParent {\n    border: none;\n    padding-left: 0;\n    margin: 0;\n    padding-bottom: 0;\n  }\n  .classifyParent li {\n    position: relative;\n  }\n  .classifyParent li.activeMark {\n    &::before {\n      content: \"\";\n      position: absolute;\n      background: transparent;\n      z-index: 0;\n      bottom: -15px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 0;\n      height: 0;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      border-bottom: 10px solid rgba(59, 144, 255, 0.1);\n    }\n  }\n  .classifyParent li.active:nth-child(1) {\n    &::before {\n      border-bottom: 10px solid #ffffff;\n    }\n  }\n}\n</style>\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!./Classify.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!./Classify.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Classify.vue?vue&type=template&id=97182394&scoped=true&\"\nimport script from \"./Classify.vue?vue&type=script&lang=js&\"\nexport * from \"./Classify.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Classify.vue?vue&type=style&index=0&id=97182394&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  \"97182394\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./Book.vue?vue&type=style&index=1&id=fa75cdb8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./Book.vue?vue&type=style&index=1&id=fa75cdb8&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,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\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_c('div',{staticStyle:{\"padding-top\":\"24px\"}},[_vm._v(\"优惠券可用图书：\")]),_c('ul',{staticClass:\"sort clear\"},[_c('li',{class:{'active':_vm.sort=='id'},on:{\"click\":function($event){return _vm.changeSort('id')}}},[_vm._v(\"最新\")]),_c('li',{class:{'active':_vm.sort=='hot'},on:{\"click\":function($event){return _vm.changeSort('hot')}}},[_vm._v(\"最热\")]),_c('li',{staticClass:\"sort-price\",class:{'active':_vm.sort=='price'},on:{\"click\":function($event){return _vm.changeSort('price')}}},[_vm._v(\"价格\")])]),_c('div',{staticClass:\"list\"},[_vm._l((_vm.list),function(item){return _c('router-link',{key:item.id,staticClass:\"item f-left\",attrs:{\"to\":{name:'BookDetail',params:{id:item.id}}}},[_c('div',{staticClass:\"child\"},[_c('div',{staticClass:\"clear\"},[_c('img',{staticClass:\"f-left cover\",attrs:{\"src\":item.cover_img}}),_c('div',{staticClass:\"f-right right\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"introduce\"},[_vm._v(_vm._s(item.instruction))])])]),_c('div',{staticClass:\"clear bottom\"},[(item.has_coupon)?_c('img',{staticClass:\"coupon\",attrs:{\"src\":require(\"../../images/book/coupon@2x.png\")}}):_vm._e(),(item.price)?_c('span',{staticClass:\"f-right price\"},[_c('Currency'),_c('span',[_vm._v(_vm._s(_vm._f(\"price\")(item.price)))])],1):_c('span',{staticClass:\"f-right price\"},[_vm._v(\"免费\")]),(item.underlined_price)?_c('strike',{staticClass:\"f-right underline-price\"},[_c('Currency'),_c('span',[_vm._v(_vm._s(_vm._f(\"price\")(item.underlined_price)))])],1):_vm._e()],1)])])}),_c('div',{staticStyle:{\"clear\":\"both\"}})],2),(_vm.list.length==0)?_c('Empty',{staticClass:\"empty\",attrs:{\"title\":\"暂无图书！\"}}):_vm._e(),(_vm.list.length>0)?_c('el-pagination',{attrs:{\"background\":\"\",\"current-page\":_vm.page,\"page-size\":_vm.limit,\"layout\":\"prev, pager, next, total, jumper\",\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"main-container\">\n    <div style=\"padding-top:24px;\">优惠券可用图书：</div>\n    <ul class=\"sort clear\">\n      <li :class=\"{'active':sort=='id'}\" @click=\"changeSort('id')\">最新</li>\n      <li :class=\"{'active':sort=='hot'}\" @click=\"changeSort('hot')\">最热</li>\n      <li class=\"sort-price\" :class=\"{'active':sort=='price'}\" @click=\"changeSort('price')\">价格</li>\n    </ul>\n    <div class=\"list\">\n      <router-link\n        class=\"item f-left\"\n        :to=\"{name:'BookDetail',params:{id:item.id}}\"\n        v-for=\"item in list\"\n        :key=\"item.id\"\n      >\n        <div class=\"child\">\n          <div class=\"clear\">\n            <img class=\"f-left cover\" :src=\"item.cover_img\" />\n            <div class=\"f-right right\">\n              <div class=\"title\">{{item.name}}</div>\n              <div class=\"introduce\">{{item.instruction}}</div>\n            </div>\n          </div>\n          <div class=\"clear bottom\">\n            <img v-if=\"item.has_coupon\" class=\"coupon\" src=\"../../images/book/coupon@2x.png\" />\n            <span v-if=\"item.price\" class=\"f-right price\">\n              <Currency></Currency>\n              <span>{{item.price|price}}</span>\n            </span>\n            <span v-else class=\"f-right price\">免费</span>\n            <strike v-if=\"item.underlined_price\" class=\"f-right underline-price\">\n              <Currency></Currency>\n              <span>{{item.underlined_price|price}}</span>\n            </strike>\n          </div>\n        </div>\n      </router-link>\n      <div style=\"clear:both;\"></div>\n    </div>\n    <Empty v-if=\"list.length==0\" class=\"empty\" title=\"暂无图书！\" />\n    <el-pagination\n      background\n      @current-change=\"handleCurrentChange\"\n      :current-page=\"page\"\n      :page-size=\"limit\"\n      layout=\"prev, pager, next, total, jumper\"\n      :total=\"total\"\n      v-if=\"list.length>0\"\n    ></el-pagination>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"Book\",\n  data() {\n    return {\n      sort: \"id\",\n      list: [],\n      page: 1,\n      limit: 9,\n      total: 0\n    };\n  },\n  async created() {\n    await this.getBooks();\n  },\n  methods: {\n    async getBooks() {\n      let data = await this.$http.get(\n        \"/api/app/couponGoods?type=2&coupon_id=\" + this.$route.query.id,\n        { order: this.sort, page: this.page, limit: this.limit }\n      );\n      this.list = data.list;\n      this.total = data.total;\n    },\n    async changeSort(sort) {\n      this.sort = sort;\n      this.page = 1;\n      await this.getBooks();\n    },\n    async handleCurrentChange(page) {\n      this.page = page;\n      await this.getBooks();\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.select-tab {\n  margin-top: 30px;\n  padding: 24px 0 0 0;\n  .item {\n    .left {\n      width: 72px;\n      margin-right: 24px;\n      p {\n        height: 22px;\n        line-height: 22px;\n      }\n    }\n    .right {\n      margin-left: 0;\n      li {\n        color: #8c8c8c;\n        margin-left: 10px;\n        margin-right: 10px;\n        max-width: 80px;\n        padding: 0 10px;\n        &:first-child {\n          margin-left: 0 !important;\n        }\n      }\n      li.active {\n        border-radius: 11px;\n        background-color: $primary-color-light;\n        color: $primary-color;\n      }\n      .child {\n        margin: 0 30px 24px 32px;\n        padding: 24px 22px 14px 22px;\n        background: rgba(255, 255, 255, 1);\n        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);\n        border-radius: 10px;\n        p {\n          color: #8c8c8c;\n          margin: 0 10px 10px 10px;\n          padding: 0;\n          min-width: 0;\n          padding: 0 10px;\n          &.active {\n            background-color: $primary-color-light;\n            border-radius: 11px;\n            color: $primary-color;\n          }\n          &:first-child {\n            margin-left: 0 !important;\n          }\n        }\n      }\n      .select-tab-arrow {\n        border-bottom-color: white;\n        top: 24px;\n      }\n    }\n  }\n}\n.sort {\n  padding: 28px 0 18px 0;\n  li {\n    float: left;\n    font-size: 13px;\n    font-family: PingFangSC-Medium, PingFang SC;\n    font-weight: 500;\n    color: rgba(32, 36, 42, 1);\n    margin: 0 20px;\n    cursor: pointer;\n    &.active {\n      background: rgba(91, 96, 102, 1);\n      border-radius: 11px;\n      padding: 0 10px;\n      color: white;\n      margin: 0 10px;\n    }\n    &:first-child {\n      margin-left: 0 !important;\n    }\n    &.sort-price {\n      position: relative;\n      &::after {\n        content: \"\";\n        width: 7px;\n        height: 12px;\n        position: absolute;\n        background-size: 100% 100%;\n        background-image: url(\"../../images/book/sort@2x.png\");\n        top: 3px;\n        right: -10px;\n      }\n    }\n  }\n}\n.list {\n  .item {\n    width: 387px;\n    height: 188px;\n    box-sizing: border-box;\n    margin-bottom: 20px;\n    margin-right: 19px;\n    position: relative;\n    .child {\n      background: rgba(255, 255, 255, 1);\n      border-radius: 10px;\n      padding: 15px 17px 19px 17px;\n      width: 100%;\n      height: 100%;\n      box-sizing: border-box;\n      transition: all 0.4s;\n      &:hover {\n        margin-top: -10px;\n      }\n    }\n    &:nth-child(3) {\n      margin-right: 0;\n    }\n    .cover {\n      width: 87px;\n      height: 107px;\n      margin-top: 4px;\n      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.4);\n    }\n    .right {\n      width: 246px;\n    }\n    .title {\n      height: 49px;\n      font-size: 15px;\n      font-family: PingFangSC-Medium, PingFang SC;\n      font-weight: 500;\n      color: rgba(32, 36, 42, 1);\n      line-height: 25px;\n      overflow: hidden;\n      &:hover {\n        color: $primary-color;\n      }\n    }\n    .introduce {\n      height: 60px;\n      font-size: 13px;\n      font-family: PingFangSC-Medium, PingFang SC;\n      font-weight: 500;\n      color: rgba(140, 140, 140, 1);\n      line-height: 20px;\n      margin-top: 7px;\n      overflow: hidden;\n    }\n    .bottom {\n      padding-top: 20px;\n    }\n    .coupon {\n      float: left;\n      margin-right: 8px;\n      width: 18px;\n      height: 18px;\n    }\n    .price {\n      font-size: 17px;\n      font-family: PingFangSC-Semibold, PingFang SC;\n      font-weight: 600;\n      color: rgba(231, 77, 61, 1);\n      display: flex;\n      align-items: center;\n      span {\n        line-height: 17px;\n        height: 17px;\n      }\n      img {\n        height: 17px;\n      }\n    }\n    .underline-price {\n      font-size: 12px;\n      color: rgba(0, 0, 0, 0.45);\n      font-family: PingFangSC-Semibold, PingFang SC;\n      margin-right: 5px;\n      display: flex;\n      align-items: center;\n      margin-top: 5px;\n      span {\n        line-height: 12px;\n        height: 12px;\n      }\n      img {\n        height: 12px;\n      }\n    }\n  }\n}\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!./BookCoupon.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!./BookCoupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BookCoupon.vue?vue&type=template&id=df9ffb64&scoped=true&\"\nimport script from \"./BookCoupon.vue?vue&type=script&lang=js&\"\nexport * from \"./BookCoupon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BookCoupon.vue?vue&type=style&index=0&id=df9ffb64&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  \"df9ffb64\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./BookDetail.vue?vue&type=style&index=0&id=06ead547&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./BookDetail.vue?vue&type=style&index=0&id=06ead547&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/youhui.deb3937f.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_c('div',{staticClass:\"book-nav\"},[_c('router-link',{attrs:{\"to\":{name:'Course'}}},[_vm._v(\"首页\")]),_c('span',{staticClass:\"slash\"},[_vm._v(\" > \")]),_c('router-link',{attrs:{\"to\":{name:'Book'}}},[_vm._v(\"图书\")]),_c('span',{staticClass:\"slash\"},[_vm._v(\" > \")]),_c('span',{staticClass:\"current\"},[_vm._v(_vm._s(_vm.book.book))])],1),_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"cover\"},[(_vm.book.cover_img)?_c('img',{attrs:{\"src\":_vm.book.cover_img}}):_vm._e()]),_c('div',{staticClass:\"title\"},[(_vm.book.is_spell)?_c('img',{staticClass:\"title_icon\",attrs:{\"src\":require(\"@/assets/images/course/tuan@2x.png\")}}):_vm._e(),(_vm.couponList.length)?_c('img',{staticClass:\"title_icon\",attrs:{\"src\":require(\"@/assets/images/course/quan@2x.png\")}}):_vm._e(),_vm._v(\"\\n      \"+_vm._s(_vm.book.book)+\"\\n    \")]),_c('div',{staticClass:\"author-wrap\"},[_c('span',{staticClass:\"author\"},[_vm._v(\"作者：\"+_vm._s(_vm.book.author))]),_c('div',{staticClass:\"introduce\"},[_vm._v(\"图书简介：\"+_vm._s(_vm.book.instruction))])]),((_vm.book.is_vip_course&&_vm.$store.state.commonSetting.switch_vip_module === 1)||_vm.couponList.length || _vm.gifts.length || _vm.book.gifts_integral)?_c('div',{staticClass:\"clear activity\"},[_c('span',{staticClass:\"f-left\",staticStyle:{\"margin-right\":\"21px\"}},[_vm._v(\"优惠\")]),_c('div',{staticClass:\"f-left\"},[(_vm.book.gifts_integral)?_c('div',{staticClass:\"clear coupon\"},[_c('img',{staticClass:\"f-left icon_youhui\",staticStyle:{\"width\":\"58px\"},attrs:{\"src\":require(\"@/assets/images/jifen.png\")}}),_c('div',{staticClass:\"f-left jifen-right\"},[_vm._v(\"\\n            购买可得\"+_vm._s(_vm.book.gifts_integral)+\"积分\\n          \")])]):_vm._e(),(_vm.gifts.length)?_c('div',{staticClass:\"clear coupon\"},[_c('img',{staticClass:\"f-left icon_youhui\",staticStyle:{\"width\":\"58px\"},attrs:{\"src\":require(\"@/assets/images/gifts.png\")}}),_c('div',{staticClass:\"f-left jifen-right\"},[_c('div',{staticClass:\"actives-item\"},[_vm._l((_vm.gifts),function(item,index){return _c('span',{key:index},[_vm._v(_vm._s(_vm.getGiftType(item.gift_type))+\"\\n                \"),(index!==_vm.gifts.length-1)?_c('em',[_vm._v(\"、\")]):_vm._e()])}),_c('span',{staticClass:\"arrow-right\",on:{\"click\":_vm.getGifts}},[_vm._v(\" 查看\\n                \"),_c('i',{staticClass:\"el-icon-arrow-right\"})])],2)])]):_vm._e(),(_vm.couponList.length)?_c('div',{staticClass:\"clear coupon\"},[_c('img',{staticClass:\"f-left icon_youhui\",staticStyle:{\"width\":\"58px\"},attrs:{\"src\":require(\"@/assets/images/youhui.png\")}}),_c('div',{staticClass:\"f-left coupon-right\"},_vm._l((_vm.couponList),function(coupon){return _c('div',{key:coupon.id,staticClass:\"quan clear\",class:{'used':coupon.user_has_coupon}},[_c('span',{staticClass:\"name f-left\"},[_vm._v(\"满\"+_vm._s(coupon.full_reduction/100)+\"减\"+_vm._s(coupon.discounted_price/100))]),(!coupon.user_has_coupon)?_c('span',{staticClass:\"get f-right\",on:{\"click\":function($event){return _vm.getCoupon(coupon.id)}}},[_vm._v(\"领取\")]):_c('span',{staticClass:\"has-get f-right\"},[_vm._v(\"已领取\")])])}),0)]):_vm._e()])]):_vm._e(),_c('div',{staticClass:\"browse_num\"},[_c('span',{staticClass:\"count\"},[_vm._v(_vm._s(_vm.book.sales_num+_vm.book.sales_base))]),_c('span',[_vm._v(\"人已购买\")]),_c('span',{staticClass:\"hor-line\"},[_vm._v(\"|\")]),_c('span',{staticClass:\"count\"},[_vm._v(\"剩余库存:\"+_vm._s(_vm.book.stock))])]),_c('div',{staticClass:\"price-wrap\"},[_c('span',{staticClass:\"price\"},[(_vm.book.price)?_c('Currency'):_vm._e(),(_vm.book.price)?_c('span',[_vm._v(_vm._s(_vm._f(\"price\")(_vm.book.price)))]):_c('span',[_vm._v(\"免费\")])],1)]),(_vm.book.spell_price && _vm.book.spell_price>0)?_c('div',{staticClass:\"spell\"},[_c('div',{staticClass:\"btn-buy btn-buy-spell\"},[_c('div',{staticClass:\"price\"},[_c('Currency'),_c('span',[_vm._v(_vm._s(_vm.book.spell_price/100))])],1),_c('div',{staticClass:\"label\"},[_vm._v(\"我要开团\")]),_c('div',{staticClass:\"spell-qr\"},[_c('div',{staticClass:\"header\"},[_vm._v(\"手机扫码开团\")]),_c('vue-qr',{staticClass:\"qrcode\",attrs:{\"text\":_vm.shareUrl,\"size\":152}})],1)]),_c('div',{staticClass:\"btn-buy\",on:{\"click\":_vm.goToBuy}},[_c('div',{staticClass:\"price\"},[_c('Currency'),_c('span',[_vm._v(_vm._s(_vm.book.price/100))])],1),_c('div',{staticClass:\"label\"},[_vm._v(\"单独购买\")])])]):_c('div',{staticClass:\"btn-buy\",on:{\"click\":_vm.goToBuy}},[_vm._v(\"立即购买\")]),_c('div',{staticClass:\"operate\"},[(!_vm.book.is_collected)?_c('a',{staticClass:\"collect collect-none\",on:{\"click\":_vm.collect}},[_vm._v(\"收藏\")]):_c('a',{staticClass:\"collect collect-has\",on:{\"click\":_vm.cancelCollect}},[_vm._v(\"已收藏\")]),_c('a',{staticClass:\"share\",attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":_vm.shareBook}},[_vm._v(\"分享\")])])]),_c('div',{staticClass:\"main\"},[_c('el-tabs',{staticClass:\"left book_tab\",model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},[_c('el-tab-pane',{attrs:{\"label\":\"图书详情\",\"name\":\"detail\"}},[_c('div',{staticClass:\"book-detail\",domProps:{\"innerHTML\":_vm._s(_vm.book.details)}})]),_c('el-tab-pane',{attrs:{\"label\":'图书评价(' + (_vm.comments.length > 999 ? '999+' : _vm.comments.length) + ')',\"name\":\"comment\"}},[_vm._l((_vm.comments),function(comment){return _c('div',{key:comment.id,staticClass:\"comment-item\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"avatar\",attrs:{\"src\":comment.avatar}}),_c('span',{staticClass:\"nickname\"},[_vm._v(_vm._s(comment.nickname))]),_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('el-rate',{model:{value:(comment.grade),callback:function ($$v) {_vm.$set(comment, \"grade\", $$v)},expression:\"comment.grade\"}}),_c('div',{staticStyle:{\"position\":\"absolute\",\"left\":\"0\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"z-index\":\"1\"}})],1)]),_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(comment.content))]),_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(new Date(parseInt(comment.created_at)*1000).format(\"yyyy-MM-dd hh:mm\")))])])}),(_vm.total>0)?_c('el-pagination',{attrs:{\"background\":\"\",\"current-page\":_vm.page,\"page-size\":_vm.limit,\"layout\":\"prev, pager, next, total, jumper\",\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange}}):_vm._e(),(_vm.comments.length==0)?_c('Empty',{attrs:{\"title\":\"暂无图书评价信息哦！\"}}):_vm._e()],2)],1),_c('div',{staticClass:\"right\"},[_vm._m(0),_vm._l((_vm.recommends),function(item){return _c('div',{key:item.id,staticClass:\"recommend\"},[_c('div',{staticClass:\"center cover-wrap\"},[_c('router-link',{attrs:{\"to\":{name:'BookDetail',params:{id:item.id}}}},[_c('img',{staticClass:\"cover\",attrs:{\"src\":item.cover_img}})])],1),_c('router-link',{attrs:{\"to\":{name:'BookDetail',params:{id:item.id}}}},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))])]),_c('div',{staticClass:\"author\"},[_vm._v(\"作者：\"+_vm._s(item.author))]),_c('router-link',{attrs:{\"to\":{name:'BookDetail',params:{id:item.id}}}},[_c('div',{staticClass:\"price-wrap\"},[_c('div',{staticClass:\"price\"},[(item.price)?_c('Currency'):_vm._e(),(item.price)?_c('span',[_vm._v(_vm._s(_vm._f(\"price\")(item.price)))]):_c('span',[_vm._v(\"免费\")])],1)])])],1)})],2)],1),_c('el-dialog',{attrs:{\"title\":\"分享\",\"visible\":_vm.showShareModal,\"width\":\"400px\"},on:{\"update:visible\":function($event){_vm.showShareModal=$event}}},[_c('vue-qr',{staticClass:\"center\",attrs:{\"text\":_vm.shareUrl,\"size\":200}}),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.showShareModal = false}}},[_vm._v(\"确 定\")])],1)],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header\"},[_c('span',[_vm._v(\"推荐图书\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"main-container\">\n    <div class=\"book-nav\">\n      <router-link :to=\"{name:'Course'}\">首页</router-link>\n      <span class=\"slash\"> > </span>\n      <router-link :to=\"{name:'Book'}\">图书</router-link>\n      <span class=\"slash\"> > </span>\n      <span class=\"current\">{{book.book}}</span>\n    </div>\n    <div class=\"detail\">\n      <div class=\"cover\">\n        <img v-if=\"book.cover_img\"\n             :src=\"book.cover_img\" />\n      </div>\n      <div class=\"title\">\n        <img v-if=\"book.is_spell\"\n             class=\"title_icon\"\n             src=\"@/assets/images/course/tuan@2x.png\" />\n        <img v-if=\"couponList.length\"\n             class=\"title_icon\"\n             src=\"@/assets/images/course/quan@2x.png\" />\n        {{book.book}}\n      </div>\n      <div class=\"author-wrap\">\n        <span class=\"author\">作者：{{book.author}}</span>\n        <div class=\"introduce\">图书简介：{{book.instruction}}</div>\n        <!-- <span class=\"line\">|</span>\n        <span class=\"buy-num\">{{book.sales_num+book.sales_base}}人购买</span>\n        <span class=\"broswer-num\">{{book.browse_num+book.browse_base}}人浏览</span> -->\n      </div>\n      <div class=\"clear activity\"\n           v-if=\"(book.is_vip_course&&$store.state.commonSetting.switch_vip_module === 1)||couponList.length || gifts.length || book.gifts_integral\">\n        <span class=\"f-left\"\n              style=\"margin-right:21px;\">优惠</span>\n        <div class=\"f-left\">\n          <div class=\"clear coupon\"\n               v-if=\"book.gifts_integral\">\n            <img class=\"f-left icon_youhui\"\n                 src=\"@/assets/images/jifen.png\"\n                 style=\"width:58px;\" />\n            <div class=\"f-left jifen-right\">\n              购买可得{{book.gifts_integral}}积分\n            </div>\n          </div>\n          <div class=\"clear coupon\"\n               v-if=\"gifts.length\">\n            <img class=\"f-left icon_youhui\"\n                 src=\"@/assets/images/gifts.png\"\n                 style=\"width:58px;\" />\n            <div class=\"f-left jifen-right\">\n              <div class=\"actives-item\">\n                <span v-for=\"(item,index) in gifts\"\n                      :key=\"index\">{{getGiftType(item.gift_type)}}\n                  <em v-if=\"index!==gifts.length-1\">、</em>\n                </span>\n                <span class=\"arrow-right\"\n                      @click=\"getGifts\"> 查看\n                  <i class=\"el-icon-arrow-right\"></i></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"clear coupon\"\n               v-if=\"couponList.length\">\n            <img class=\"f-left icon_youhui\"\n                 src=\"@/assets/images/youhui.png\"\n                 style=\"width:58px;\" />\n            <div class=\"f-left coupon-right\">\n              <div class=\"quan clear\"\n                   :class=\"{'used':coupon.user_has_coupon}\"\n                   v-for=\"coupon in couponList\"\n                   :key=\"coupon.id\">\n                <span class=\"name f-left\">满{{coupon.full_reduction/100}}减{{coupon.discounted_price/100}}</span>\n                <span class=\"get f-right\"\n                      v-if=\"!coupon.user_has_coupon\"\n                      @click=\"getCoupon(coupon.id)\">领取</span>\n                <span class=\"has-get f-right\"\n                      v-else>已领取</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"browse_num\">\n        <span class=\"count\">{{book.sales_num+book.sales_base}}</span>\n        <span>人已购买</span>\n        <span class=\"hor-line\">|</span>\n        <span class=\"count\">剩余库存:{{book.stock}}</span>\n      </div>\n      <div class=\"price-wrap\">\n        <span class=\"price\">\n          <Currency v-if=\"book.price\"></Currency>\n          <span v-if=\"book.price\">{{book.price|price}}</span>\n          <span v-else>免费</span>\n        </span>\n        <!-- <span class=\"ship-price\">\n          <span>运费：</span>\n          <Currency v-if=\"book.ship_price\"></Currency>\n          <span v-if=\"book.ship_price\">{{book.ship_price|price}}</span>\n          <span v-else>免费</span>\n        </span> -->\n      </div>\n      <!-- <div class=\"clear coupon\">\n        <div\n          class=\"quan clear\"\n          :class=\"{'used':coupon.user_has_coupon}\"\n          v-for=\"coupon in couponList\"\n          :key=\"coupon.id\"\n        >\n          <span class=\"name f-left\">满{{coupon.full_reduction/100}}减{{coupon.discounted_price/100}}</span>\n          <span class=\"get f-right\" v-if=\"!coupon.user_has_coupon\" @click=\"getCoupon(coupon.id)\">领取</span>\n          <span class=\"has-get f-right\" v-else>已领取</span>\n        </div>\n      </div> -->\n      <!-- <div class=\"buy-num-wrap\">\n        <img src=\"../../images/book/jian@2x.png\" style=\"width:34px;\" @click=\"changeNum(-1)\" />\n        <span class=\"num\">{{num}}</span>\n        <img src=\"../../images/book/jia@2x.png\" style=\"width:34px;\" @click=\"changeNum(1)\" />\n        <span class=\"stock\">库存：{{book.stock-book.sales_num}}本</span>\n      </div> -->\n      <div class=\"spell\"\n           v-if=\"book.spell_price && book.spell_price>0\">\n        <div class=\"btn-buy btn-buy-spell\">\n          <div class=\"price\">\n            <Currency></Currency>\n            <span>{{book.spell_price/100}}</span>\n          </div>\n          <div class=\"label\">我要开团</div>\n          <div class=\"spell-qr\">\n            <div class=\"header\">手机扫码开团</div>\n            <vue-qr :text=\"shareUrl\"\n                    :size=\"152\"\n                    class=\"qrcode\"></vue-qr>\n          </div>\n        </div>\n        <div class=\"btn-buy\"\n             @click=\"goToBuy\">\n          <div class=\"price\">\n            <Currency></Currency>\n            <span>{{book.price/100}}</span>\n          </div>\n          <div class=\"label\">单独购买</div>\n        </div>\n      </div>\n      <div v-else\n           class=\"btn-buy\"\n           @click=\"goToBuy\">立即购买</div>\n      <!-- <div class=\"btn-buy\" @click=\"goToBuy\">立即购买</div> -->\n      <div class=\"operate\">\n        <a class=\"collect collect-none\"\n           v-if=\"!book.is_collected\"\n           @click=\"collect\">收藏</a>\n        <a class=\"collect collect-has\"\n           v-else\n           @click=\"cancelCollect\">已收藏</a>\n        <a href=\"javascript:void(0)\"\n           class=\"share\"\n           @click=\"shareBook\">分享</a>\n      </div>\n    </div>\n    <div class=\"main\">\n      <el-tabs class=\"left book_tab\"\n               v-model=\"activeName\">\n        <el-tab-pane label=\"图书详情\"\n                     name=\"detail\">\n          <div class=\"book-detail\"\n               v-html=\"book.details\"></div>\n        </el-tab-pane>\n        <el-tab-pane :label=\"'图书评价(' + (comments.length > 999 ? '999+' : comments.length) + ')'\"\n                     name=\"comment\">\n          <div class=\"comment-item\"\n               v-for=\"comment in comments\"\n               :key=\"comment.id\">\n            <div class=\"header\">\n              <img class=\"avatar\"\n                   :src=\"comment.avatar\" />\n              <span class=\"nickname\">{{comment.nickname}}</span>\n              <div style=\"position:relative;\">\n                <el-rate v-model=\"comment.grade\"></el-rate>\n                <div style=\"position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;\"></div>\n              </div>\n            </div>\n            <div class=\"content\">{{comment.content}}</div>\n            <div class=\"time\">{{new Date(parseInt(comment.created_at)*1000).format(\"yyyy-MM-dd hh:mm\")}}</div>\n          </div>\n          <el-pagination background\n                         @current-change=\"handleCurrentChange\"\n                         :current-page=\"page\"\n                         :page-size=\"limit\"\n                         layout=\"prev, pager, next, total, jumper\"\n                         :total=\"total\"\n                         v-if=\"total>0\"></el-pagination>\n          <Empty v-if=\"comments.length==0\"\n                 title=\"暂无图书评价信息哦！\" />\n        </el-tab-pane>\n      </el-tabs>\n      <div class=\"right\">\n        <div class=\"header\">\n          <!-- <img src=\"../../images/book/book@3x.png\" /> -->\n          <span>推荐图书</span>\n        </div>\n        <div class=\"recommend\"\n             v-for=\"item in recommends\"\n             :key=\"item.id\">\n          <div class=\"center cover-wrap\">\n            <router-link :to=\"{name:'BookDetail',params:{id:item.id}}\">\n              <img class=\"cover\"\n                   :src=\"item.cover_img\" />\n            </router-link>\n          </div>\n          <router-link :to=\"{name:'BookDetail',params:{id:item.id}}\">\n            <div class=\"title\">{{item.name}}</div>\n          </router-link>\n          <div class=\"author\">作者：{{item.author}}</div>\n          <!-- <div class=\"instruction\">{{item.instruction}}</div> -->\n          <router-link :to=\"{name:'BookDetail',params:{id:item.id}}\">\n            <div class=\"price-wrap\">\n              <div class=\"price\">\n                <Currency v-if=\"item.price\"></Currency>\n                <span v-if=\"item.price\">{{item.price|price}}</span>\n                <span v-else>免费</span>\n              </div>\n            </div>\n          </router-link>\n        </div>\n      </div>\n    </div>\n    <el-dialog title=\"分享\"\n               :visible.sync=\"showShareModal\"\n               width=\"400px\">\n      <vue-qr :text=\"shareUrl\"\n              :size=\"200\"\n              class=\"center\"></vue-qr>\n      <span slot=\"footer\"\n            class=\"dialog-footer\">\n        <el-button type=\"primary\"\n                   @click=\"showShareModal = false\">确 定</el-button>\n      </span>\n    </el-dialog>\n  </div>\n</template>\n<script>\nimport VueQr from \"vue-qr\";\nexport default {\n  name: \"BookDetail\",\n  components: {\n    VueQr\n  },\n  data () {\n    return {\n      id: this.$route.params.id,\n      book: {},\n      couponList: [],\n      num: 1,\n      showShareModal: false,\n      shareUrl: \"\",\n      activeName: \"detail\",\n      comments: [],\n      recommends: [],\n      page: 1,\n      limit: 10,\n      total: 0,\n      gifts: [],\n      has_join_spell: false\n    };\n  },\n  async created () {\n    await this.getComment();\n    await this.getData();\n    await this.incrementBrosweNum();\n  },\n  methods: {\n    async incrementBrosweNum () {\n      await this.$http.put(\"/api/app/book/pv/\" + this.id);\n      this.book.browse_num++;\n    },\n    // 获取拼团信息\n    async getGroupInfo () {\n      let group_info = await this.$http.get(\n        `/api/app/spellGroupInfo/${this.id}/book`\n      );\n      if (group_info.spell_price) {\n        this.book.spell_price = group_info.spell_price;\n        this.has_join_spell = !!group_info.is_join_spell;\n      }\n    },\n    async getData () {\n      let data = await this.$http.get(\"/api/app/book/detail/\" + this.id);\n      this.book = data;\n      document.title = this.book.book;\n      await this.getGroupInfo();\n      this.couponList = data.coupon.all ? data.coupon.all : [];\n      this.gifts = data.gifts ? data.gifts : [];\n      this.recommends = await this.$http.get(\n        \"/api/app/book/recommend/\" + this.id\n      );\n      this.shareUrl = this.$store.state.webConfig.H5_address + \"/book-detail?id=\" + this.id;\n\n    },\n    async collect () {\n      this.book.collect_id = await this.$http.post(\n        \"/api/app/collect\",\n        {\n          book_id: this.id,\n          type: 4\n        },\n        true\n      );\n      this.book.is_collected = true;\n      await this.$success(\"收藏成功\");\n    },\n    async cancelCollect () {\n      await this.$http.put(\n        \"/api/app/collect/cancel/\" + this.book.collect_id + \"/4\"\n      );\n      this.book.is_collected = false;\n      await this.$success(\"取消收藏成功\");\n    },\n    shareBook () {\n      this.showShareModal = true;\n    },\n    changeNum (step) {\n      let newNum = this.num + step;\n      if (newNum < 1 || newNum > this.book.stock - this.book.sales_num) {\n        return;\n      }\n      this.num = newNum;\n    },\n    goToBuy () {\n      if (this.has_join_spell) {\n        this.$info(\"您已经参与拼团了，不能单独购买。\");\n        return;\n      }\n      if (this.num > this.book.stock - this.book.sales_num) {\n        this.$info(\"没有库存了~\");\n        return;\n      }\n      this.$router.push({\n        name: \"OrderConfirm\",\n        params: { id: this.id },\n        query: { type: 12, num: this.num }\n      });\n    },\n    async getCoupon (id) {\n      await this.$http.get(\"/api/app/userGetCoupon/\" + id);\n      this.couponList.filter(c => c.id == id)[0].user_has_coupon = 1;\n      this.$message({\n        message: \"领取成功\",\n        type: \"success\"\n      });\n    },\n    async getComment () {\n      let data = await this.$http.get(\"/api/app/book/comments/\" + this.id, {\n        page: this.page,\n        limit: this.limit\n      });\n      this.comments = data.list;\n      this.total = data.total;\n    },\n    async handleCurrentChange (page) {\n      this.page = page;\n      await this.getComment();\n    }\n  },\n  watch: {\n    async activeName () {\n      if (this.activeName == \"comment\") {\n        await this.getComment();\n      }\n    },\n    async $route () {\n      this.id = this.$route.params.id;\n      await this.getComment();\n      await this.getData();\n      await this.incrementBrosweNum();\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.book-nav {\n  height: 62px;\n  // background-color: white;\n  line-height: 62px;\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 14px;\n  // margin: 30px 0;\n  // padding-left: 24px;\n  .slash {\n    padding: 0 8px;\n  }\n  a {\n    color: #333333;\n  }\n}\n.detail {\n  background-color: white;\n  box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.07);\n  // border-radius: 20px;\n  // margin-left: 30px;\n  padding: 30px 30px 30px 213px;\n  position: relative;\n  min-height: 270px;\n  .cover {\n    position: absolute;\n    // box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.4);\n    width: 330px;\n    height: 275px;\n    top: 30px;\n    left: 30px;\n    background-color: #f5f5f5;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    img {\n      width: 148px;\n      height: 220px;\n    }\n  }\n  .title {\n    font-size: 24px;\n    margin-left: 180px;\n    font-family: PingFangSC-Medium, PingFang SC;\n    font-weight: 500;\n    color: #333333;\n    line-height: 25px;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n    max-width: 700px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    .title_icon {\n      width: 24px;\n      vertical-align: bottom;\n    }\n    .title_icon:nth-child(2) {\n      margin-left: 10px;\n    }\n  }\n  .browse_num{\n    margin-left: 180px;\n    font-size: 14px;\n    margin-bottom: 10px;\n    .hor-line{\n      display: inline-block;\n      margin: 0 10px;\n    }\n  }\n  .author-wrap {\n    margin-left: 180px;\n    font-size: 14px;\n    font-family: PingFangSC-Medium, PingFang SC;\n    color: #8c8c8c;\n    line-height: 20px;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n    .author {\n      color: #999999;\n    }\n    .introduce {\n      margin-top: 6px;\n      min-height: 40px;\n    }\n    .line {\n      margin: 0 22px;\n    }\n    .buy-num {\n      margin-right: 50px;\n    }\n  }\n  .price-wrap {\n    margin-left: 180px;\n    display: flex;\n    align-items: center;\n    margin-bottom: 50px;\n    .price {\n      display: flex;\n      align-items: center;\n      margin-right: 10px;\n      span {\n        font-size: 24px;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 500;\n        color: rgba(238, 31, 31, 1);\n        line-height: 32px;\n        height: 32px;\n        display: inline-block;\n      }\n      img {\n        height: 24px;\n      }\n      span,\n      img {\n        vertical-align: middle;\n      }\n    }\n    .ship-price {\n      display: flex;\n      align-items: center;\n      span {\n        height: 20px;\n        font-size: 14px;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 500;\n        color: rgba(140, 140, 140, 1);\n        line-height: 20px;\n        display: inline-block;\n      }\n      img {\n        height: 14px;\n      }\n      span,\n      img {\n        vertical-align: middle;\n      }\n    }\n  }\n  .coupon {\n    margin-left: 180px;\n    min-height: 34px;\n    .quan {\n      width: 159px;\n      height: 24px;\n      display: inline-block;\n      margin-left: 12px;\n      // background-image: url(../../images/youhui-useable.png);\n      color: #ff323f;\n      line-height: 24px;\n      margin-bottom: 5px;\n      border: 1px solid #f1000e;\n      border-radius: 3px;\n      position: absolute;\n      position: relative;\n      &::before {\n        content: \"\";\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #fff;\n        position: absolute;\n        top: 50%;\n        left: -5px;\n        transform: translateY(-50%);\n        border: 1px solid #f1000e;\n      }\n      &::after {\n        content: \"\";\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #fff;\n        position: absolute;\n        top: 50%;\n        right: -5px;\n        transform: translateY(-50%);\n        border: 1px solid #f1000e;\n      }\n      .name {\n        width: 94px;\n        display: inline-block;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        text-align: center;\n      }\n      .get {\n        // color: white;\n        cursor: pointer;\n        margin-right: 15px;\n      }\n      &.used {\n        background-image: url(../../images/youhui-used.png);\n        border: none;\n        border-bottom: 1px solid #e7e9e9;\n        .name {\n          color: #b7b7b7;\n        }\n        .has-get {\n          color: #b7b7b7;\n          margin-right: 10px;\n        }\n        &::before {\n          border: 1px solid #e7e9e9;\n        }\n        &::after {\n          border: 1px solid #e7e9e9;\n        }\n      }\n    }\n  }\n  .activity {\n    margin-left: 180px;\n    font-size: 14px;\n    .coupon {\n      margin-left: 0px;\n      .icon_youhui {\n        width: 38px !important;\n        height: 20px;\n      }\n      .arrow-right {\n        float: right;\n        cursor: pointer;\n      }\n      .jifen-right {\n        margin-left: 13px;\n        width: 380px;\n      }\n      .coupon-right {\n        width: 380px;\n        // padding-left: 20px;\n      }\n    }\n  }\n  .buy-num-wrap {\n    margin-left: 180px;\n    display: flex;\n    align-items: center;\n    margin-bottom: 25px;\n    img {\n      cursor: pointer;\n    }\n    .num {\n      display: inline-block;\n      box-sizing: border-box;\n      width: 95px;\n      height: 34px;\n      background: rgba(255, 255, 255, 1);\n      border-radius: 6px;\n      border: 1px solid rgba(91, 96, 102, 1);\n      text-align: center;\n      line-height: 32px;\n      margin: 0 10px;\n    }\n    .stock {\n      background: rgba(244, 244, 244, 1);\n      border-radius: 17px;\n      height: 20px;\n      font-size: 14px;\n      font-family: PingFangSC-Medium, PingFang SC;\n      font-weight: 500;\n      color: rgba(140, 140, 140, 1);\n      line-height: 20px;\n      padding: 7px 20px;\n      margin-left: 20px;\n    }\n  }\n  .btn-buy {\n    position: absolute;\n    bottom: 27px;\n    margin-left: 180px;\n    width: 150px;\n    height: 50px;\n    background: #3b90ff;\n    border-radius: 2px;\n    font-size: 17px;\n    font-family: PingFangSC-Medium, PingFang SC;\n    font-weight: 400;\n    color: #fff;\n    text-align: center;\n    line-height: 50px;\n    cursor: pointer;\n  }\n  .operate {\n    position: absolute;\n    bottom: 46px;\n    right: 30px;\n    line-height: 1;\n  }\n  .collect,\n  .share {\n    font-size: 12px;\n    font-family: PingFangSC-Regular, PingFang SC;\n    font-weight: 400;\n    color: #8c8c8c;\n    cursor: pointer;\n  }\n  .collect {\n    background-size: 15px 14px;\n    background-repeat: no-repeat;\n    background-position: left 1px;\n    padding-left: 22px;\n    margin-right: 21px;\n  }\n  .collect-none {\n    background-image: url(\"~@/assets/images/course/collect-none@2x.png\");\n  }\n  .collect-has {\n    background-image: url(\"~@/assets/images/course/collect@3x.png\");\n  }\n  .share {\n    background-image: url(\"~@/assets/images/course/share@2x.png\");\n    background-size: 14px 14px;\n    background-repeat: no-repeat;\n    background-position: left 1px;\n    padding-left: 22px;\n    color: $primary-color;\n  }\n  // 拼团按钮\n  .spell {\n    position: relative;\n    margin-left: 270px;\n    .btn-buy {\n      text-align: center;\n      width: 150px;\n      height: 50px;\n      margin-left: 0;\n      background: rgba(59, 144, 255, 0.2);\n      border-radius: 5px;\n      display: inline-block;\n      margin-right: 20px;\n      box-sizing: border-box;\n      padding: 5px;\n      color: $primary-color;\n      position: static;\n      cursor: pointer;\n      &:nth-child(2) {\n        margin-right: 0;\n      }\n      &:hover {\n        .spell-qr {\n          display: block;\n        }\n      }\n      .price {\n        height: 20px;\n        font-size: 14px;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 500;\n        line-height: 14px;\n        img {\n          width: auto;\n          height: 12px;\n          margin-right: 3px;\n        }\n        .spell-currency {\n          height: 12px;\n          width: auto;\n        }\n      }\n      .label {\n        height: 20px;\n        font-size: 14px;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 500;\n        line-height: 20px;\n      }\n    }\n    .spell-qr {\n      position: absolute;\n      width: 152px;\n      z-index: 999;\n      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n      border-radius: 10px 7px 7px 7px;\n      background-color: white;\n      left: 0;\n      top: 60px;\n      display: none;\n\n      .qrcode {\n        line-height: 1;\n      }\n      .header {\n        background: rgba(217, 217, 217, 1);\n        height: 20px;\n        font-size: 14px;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 500;\n        color: rgba(140, 140, 140, 1);\n        line-height: 20px;\n        padding: 16px 0 10px 0;\n        border-radius: 10px 7px 0 0;\n      }\n      &::before {\n        position: absolute;\n        content: \"\";\n        width: 0;\n        height: 0;\n        border: solid 8px transparent;\n        border-bottom-color: rgba(217, 217, 217, 1);\n        top: -16px;\n        left: 34px;\n      }\n    }\n  }\n}\n.main {\n  margin-top: 30px;\n  overflow: hidden;\n  margin-bottom: 50px;\n  .book_tab {\n    /deep/ {\n      .el-tabs__nav {\n        margin-left: 0 !important;\n      }\n      .el-tabs__item {\n        text-align: center;\n        width: 160px;\n        padding: 0 !important;\n        height: 50px;\n        line-height: 50px;\n        &.is-active {\n          background-color: #fff !important;\n          color: $primary-color !important;\n          border-left: 1px solid #e6e6e5;\n          border-right: 1px solid #e6e6e5;\n        }\n      }\n      .el-tabs__active-bar {\n        top: 0;\n        width: 160px !important;\n      }\n      .el-tabs__nav-wrap {\n        background-color: #fbfbfb;\n        height: 52px;\n        line-height: 52px;\n      }\n      .el-tabs__nav-wrap::after {\n        height: 0;\n      }\n    }\n  }\n  .left {\n    width: 851px;\n    float: left;\n    box-sizing: border-box;\n    background-color: white;\n    // padding-top: 10px;\n    .book-detail {\n      padding: 32px;\n      padding-top: 15px;\n    }\n    /deep/ {\n      .el-tabs__nav {\n        margin-left: 26px;\n      }\n      .el-tabs__item {\n        font-size: 16px;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 400;\n        color: #999899 !important;\n      }\n    }\n  }\n  .right {\n    float: right;\n    width: 329px;\n    .header {\n      font-size: 16px;\n      font-family: Adobe Heiti Std;\n      font-weight: normal;\n      color: rgba(91, 96, 102, 1);\n      height: 52px;\n      background-color: white;\n      border-bottom: 1px solid #f4f4f4;\n      padding: 0 16px;\n      // margin-bottom: 15px;\n      display: flex;\n      align-items: center;\n      img {\n        margin-left: 20px;\n        width: 14px;\n        margin-right: 7px;\n      }\n      span {\n        height: 16px;\n        line-height: 16px;\n        display: inline-block;\n      }\n    }\n    .recommend {\n      background-color: white;\n      padding: 15px;\n      // margin-bottom: 15px;\n      border-bottom: 1px solid #f4f4f4;\n      padding: 20px;\n      height: 290px;\n      position: relative;\n      .cover {\n        width: 143px;\n        height: 180px;\n        box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.4);\n        margin-bottom: 12px;\n      }\n      .title {\n        margin-bottom: 8px;\n        font-size: 18px;\n        font-family: PingFangSC-Regular, PingFang SC;\n        font-weight: 500;\n        color: #333333;\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n        overflow: hidden;\n        &:hover {\n          color: $primary-color;\n        }\n      }\n      .instruction {\n        font-size: 12px;\n        font-family: PingFangSC-Regular, PingFang SC;\n        font-weight: 400;\n        color: rgba(140, 140, 140, 1);\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        overflow: hidden;\n      }\n      .author {\n        color: #999999;\n        font-size: 14px;\n        font-weight: 400;\n      }\n      .cover-wrap {\n        // position: relative;\n      }\n      .price-wrap {\n        position: absolute;\n        left: 20px;\n        bottom: -20px;\n        // height: 200px;\n        width: 100%;\n        color: #f83738;\n        // background: linear-gradient(\n        //   to bottom,\n        //   rgba(37, 37, 37, 0),\n        //   rgba(37, 37, 37, 0.75)\n        // );\n      }\n      .price {\n        width: 100%;\n        position: absolute;\n        bottom: 27px;\n        font-size: 18px;\n        color: #f83738;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 500;\n        img {\n          height: 14px;\n        }\n        img,\n        span {\n          vertical-align: middle;\n        }\n      }\n    }\n  }\n}\n.comment-item {\n  border-bottom: 1px solid #e8e8e8;\n  padding: 16px 0;\n  margin: 0 32px;\n  &:last-child {\n    border-bottom: none;\n  }\n  .header {\n    display: flex;\n    align-items: center;\n    color: #595959;\n    .avatar {\n      width: 20px;\n      height: 20px;\n      border-radius: 100%;\n      margin-right: 10px;\n    }\n    .nickname {\n      margin-right: 20px;\n      font-size: 16px;\n    }\n    .el-rate {\n      display: inline-block;\n    }\n  }\n  .content {\n    padding: 16px 0;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.65);\n  }\n  .time {\n    color: rgba(0, 0, 0, 0.25);\n    font-size: 14px;\n  }\n  /deep/ {\n    .el-icon-star-on,\n    .el-icon-star-off {\n      color: #ea7a2f !important;\n    }\n  }\n}\n</style>\n<style lang=\"scss\">\n.book-detail img {\n  max-width: 100%;\n}\n</style>\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!./BookDetail.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!./BookDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BookDetail.vue?vue&type=template&id=06ead547&scoped=true&\"\nimport script from \"./BookDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./BookDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BookDetail.vue?vue&type=style&index=0&id=06ead547&lang=scss&scoped=true&\"\nimport style1 from \"./BookDetail.vue?vue&type=style&index=1&lang=scss&\"\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  \"06ead547\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./Book.vue?vue&type=style&index=0&id=fa75cdb8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./Book.vue?vue&type=style&index=0&id=fa75cdb8&lang=scss&scoped=true&\""],"sourceRoot":""}