{"version":3,"sources":["webpack:///./src/views/Molecule.vue","webpack:///src/views/Molecule.vue","webpack:///./src/views/Molecule.vue?4659","webpack:///./src/views/Molecule.vue?74cf","webpack:///./src/views/Molecule.vue?740d"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","pageLoading","expression","staticClass","_v","staticRenderFns","data","active","list","tag","classify","certificate","topData","category","loading","finished","more","ideaNavData","ideaAllData","listLoading","mounted","window","destroyed","computed","plat","methods","method","url","category_id","flat_id","is_interior","onLoad","getMore","axios","get","then","res","console","catch","err","beforeRouteUpdate","next","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOP,EAAIQ,YAAaC,WAAW,gBAAgBC,YAAY,YAAY,CAACV,EAAIW,GAAG,eAE5MC,EAAkB,GCKP,GACfP,cACAQ,OACA,OACAC,SACAC,QACAC,MACAC,WACAC,eACAC,WACAC,YACAC,WACAb,eACAc,YACAC,QACAC,eACAC,eACAC,iBAGAC,UACAC,8CACA,gBAEAC,YACAD,kDAEAE,UACAC,OACA,mCAGAC,SACA,iBACA,oBACA,gBACA,uBACAC,aACAC,kCACArB,MACAsB,4CACAC,kBACAC,iBAGA,oBACA,UACA,sBAEA,oBAGA,gBACA,oBACA,uBACAJ,aACAC,gCACArB,MACAuB,qBAGA,oBACA,WACA,6BACA,wCACA,aACA,sDAGA,oBAGAE,WA2BAC,UACA,YAGA,aACA,cACAC,MACAC,IACA,mEACA,IAEAC,KAAAC,IAGA,GAFA,aACAC,eACA,WACA,2CACA,8BACA,gBACA,YACA,iBAEA,sBAGA,qBAGAC,MAAAC,IACAF,eACA,kBAKAG,yBACAH,iCACAA,eACAI,MC/IkV,I,wBCQ9UC,EAAY,eACd,EACAlD,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAqC,E,2CCnBf,Y","file":"js/chunk-710ce3f8.9e20ac00.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.pageLoading),expression:\"pageLoading\"}],staticClass:\"molecule\"},[_vm._v(\" 大小分子学习 \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"molecule\" v-loading=\"pageLoading\">\r\n    大小分子学习\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"lesson\",\r\n  data() {\r\n    return {\r\n      active: 0,\r\n      list: [],\r\n      tag: 1,\r\n      classify: 0,\r\n      certificate: [],\r\n      topData: [],\r\n      category: [],\r\n      loading: false,\r\n      pageLoading: true,\r\n      finished: true,\r\n      more: false,\r\n      ideaNavData: [],\r\n      ideaAllData: [],\r\n      listLoading: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    window.addEventListener(\"scroll\", this.onLoad);\r\n    this.getData();\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener(\"scroll\", this.onLoad);\r\n  },\r\n  computed: {\r\n    plat() {\r\n      return this.$store.state.plat_id;\r\n    },\r\n  },\r\n  methods: {\r\n    async getList(index) {\r\n      this.listLoading = true;\r\n      this.classify = index;\r\n      let res = await this.$api({\r\n        method: \"get\",\r\n        url: \"/api/platform/category/list\",\r\n        data: {\r\n          category_id: this.category[this.classify].id,\r\n          flat_id: this.plat,\r\n          is_interior: 2,\r\n        },\r\n      });\r\n      this.listLoading = false;\r\n      if (res.code == 0) {\r\n        this.list = res.data.list;\r\n      } else {\r\n        this.$toast(res.msg);\r\n      }\r\n    },\r\n    async getData() {\r\n      this.pageLoading = true;\r\n      let res = await this.$api({\r\n        method: \"get\",\r\n        url: \"/api/platform/pc/category\",\r\n        data: {\r\n          flat_id: this.plat,\r\n        },\r\n      });\r\n      this.pageLoading = false;\r\n      if (res.code == 0) {\r\n        this.topData = res.data.top_list;\r\n        this.category = res.data.category_arr;\r\n        await this.getList(\r\n          this.$route.query.index < 9 ? this.$route.query.index : 0\r\n        );\r\n      } else {\r\n        this.$toast(res.msg);\r\n      }\r\n    },\r\n    onLoad() {\r\n      // console.log(this.loading);\r\n      // // if (this.loading) {\r\n      // //     return;\r\n      // // }\r\n      // if (this.finished) {\r\n      //   return;\r\n      // }\r\n      // var exp_height = document.getElementById(\"footer\").offsetTop;\r\n      // var clientheight = document.documentElement.clientHeight;\r\n      // var scrollTop =\r\n      //   window.pageYOffset ||\r\n      //   document.documentElement.scrollTop ||\r\n      //   document.body.scrollTop;\r\n      // console.log(clientheight, scrollTop, exp_height);\r\n      // if (clientheight + scrollTop > exp_height - 170) {\r\n      //   console.log(\"出现了\");\r\n      //   this.loading = true;\r\n      //   this.page += 1;\r\n      //   console.log(this.page);\r\n      //   this.getMore();\r\n      // } else {\r\n      //   this.loading = false;\r\n      //   // console.log('no出现了')\r\n      // }\r\n    },\r\n  \r\n    getMore() {\r\n      if (this.more) {\r\n        return;\r\n      }\r\n      this.more = true;\r\n      if (this.menu == 2) {\r\n        axios\r\n          .get(\r\n            `/api/platform/pc/category?flat_id=${this.plat}&page=${this.page}`,\r\n            {}\r\n          )\r\n          .then((res) => {\r\n            this.more = false;\r\n            console.log(res);\r\n            if (res.code == 0) {\r\n              let list = res.data.category[this.classify].goods;\r\n              this.list = this.list.concat(list);\r\n              this.loading = false;\r\n              if (list.length < 10) {\r\n                this.finished = true;\r\n              } else {\r\n                this.finished = false;\r\n              }\r\n            } else {\r\n              this.$toast(res.msg);\r\n            }\r\n          })\r\n          .catch((err) => {\r\n            console.log(err);\r\n            this.more = false;\r\n          });\r\n      }\r\n    },\r\n  },\r\n  beforeRouteUpdate(to, from, next) {\r\n    console.log(\"beforeRouteUpdate\");\r\n    console.log(to);\r\n    next();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.lesson {\r\n  min-height: calc(100vh - 230px);\r\n  display: flex;\r\n  align-items: flex-start;\r\n  overflow: hidden;\r\n\r\n  .van-sticky {\r\n    left: auto;\r\n    right: auto;\r\n  }\r\n\r\n  .left {\r\n    margin-left: 40px;\r\n    width: 300px;\r\n    overflow: hidden;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .classify {\r\n    background: #fff;\r\n    box-shadow: 0 5px 10px #33333308;\r\n    border-radius: 12px;\r\n    flex: 0 0 300px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 10px 10px;\r\n\r\n    .classify-title {\r\n      font-size: 20px;\r\n      padding: 0 20px 0;\r\n      line-height: 1;\r\n    }\r\n\r\n    .classify-item {\r\n      width: 100%;\r\n      height: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #333;\r\n      font-size: 18px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 14px 20px;\r\n\r\n      &:hover {\r\n        color: #a40001;\r\n      }\r\n    }\r\n\r\n    .active {\r\n      color: #a40001;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n\r\n  .hot-title {\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    padding: 0 20px 15px;\r\n    width: 100%;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .hot-item {\r\n    width: 100%;\r\n    display: flex;\r\n    display: flex;\r\n    align-items: center;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    .tip{\r\n      position: absolute;\r\n      top:10px;\r\n      left:10px;\r\n      z-index: 1;\r\n      img{\r\n        width: 40px;\r\n      }\r\n    }\r\n    &:hover {\r\n      background: #f8f8f8;\r\n    }\r\n\r\n    .cover {\r\n      flex: 0 0 84px;\r\n      height: 84px;\r\n      margin-right: 10px;\r\n      ::v-deep img{\r\n        border-radius: 6px;\r\n      }\r\n    }\r\n\r\n    .detail {\r\n      flex: auto;\r\n\r\n      .title {\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n      }\r\n\r\n      .subtitle {\r\n        font-size: 12px;\r\n        color: #666;\r\n      }\r\n    }\r\n  }\r\n\r\n  .right {\r\n    flex: 0 0 860px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .card {\r\n    background: #fff;\r\n    box-shadow: 0 5px 10px #33333308;\r\n    border-radius: 12px;\r\n    padding: 20px 20px;\r\n    margin-bottom: 20px;\r\n    cursor: pointer;\r\n\r\n    .title {\r\n      font-size: 20px;\r\n      font-weight: 500;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .content {\r\n      display: flex;\r\n      width: 100%;\r\n      position: relative;\r\n      .tip{\r\n        position: absolute;\r\n        top:0;\r\n        left:0px;\r\n        z-index: 1;\r\n        img{\r\n          width: 50px;\r\n          // height: 35px;\r\n        }\r\n      }\r\n      .cover {\r\n        flex: 0 0 280px;\r\n        margin-right: 20px;\r\n        width: 280px;\r\n        height: 136px;\r\n        border-radius: 10px;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .detail {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        flex: auto;\r\n\r\n        .text {\r\n          font-size: 14px;\r\n          color: #666;\r\n          overflow: hidden;\r\n          display: -webkit-box;\r\n          /*弹性伸缩盒子*/\r\n          -webkit-box-orient: vertical;\r\n          /*子元素垂直排列*/\r\n          -webkit-line-clamp: 5;\r\n          /*可以显示的行数，超出部分用...表示*/\r\n          text-overflow: ellipsis;\r\n          /*（多行文本的情况下，用省略号“…”隐藏溢出范围的文本)*/\r\n        }\r\n\r\n        .more {\r\n          font-size: 14px;\r\n          color: #175199;\r\n          display: flex;\r\n          align-items: center;\r\n          margin-top: 10px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n\r\n      .handle {\r\n        margin-left: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex: 0 0 120px;\r\n      }\r\n\r\n      .btn {\r\n        cursor: pointer;\r\n        border-radius: 6px;\r\n        line-height: 40px;\r\n        font-weight: 500;\r\n        border-radius: 6px;\r\n        color: #a40001;\r\n        background: #f7f7f7;\r\n        padding: 0 30px;\r\n        font-size: 14px;\r\n\r\n        &:hover {\r\n          color: #fff;\r\n          background: #a40001;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .idea-nav{\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n    }\r\n    \r\n    .idea-nav-item {\r\n      width: calc((100% - 100px) / 6);\r\n      height: 50px;\r\n   \r\n      &:nth-child(6n+6){\r\n        margin-right: 0;\r\n      }\r\n      &:hover {\r\n        color: #fff;\r\n        background: #a40001;\r\n      }\r\n    }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Molecule.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Molecule.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Molecule.vue?vue&type=template&id=5aa465a6&scoped=true&\"\nimport script from \"./Molecule.vue?vue&type=script&lang=js&\"\nexport * from \"./Molecule.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Molecule.vue?vue&type=style&index=0&id=5aa465a6&prod&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  \"5aa465a6\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Molecule.vue?vue&type=style&index=0&id=5aa465a6&prod&lang=scss&scoped=true&\""],"sourceRoot":""}