jiaojiu/node_modules/.cache/vue-loader/72cdbb774038dd38fbce7ae91ecd9d77.json

{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/moment/Moment.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/moment/Moment.vue","mtime":1609488592345},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBTY3JvbGwgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9TY3JvbGwvU2Nyb2xsIjsKaW1wb3J0IE5hdkJhciBmcm9tICJAL2NvbXBvbmVudHMvY29tbW9uL25hdmJhci9OYXZCYXIiOwppbXBvcnQgTW9tZW50TGlzdCBmcm9tICJAL2NvbXBvbmVudHMvY29udGVudC9tb21lbnRzL01vbWVudExpc3QiOwoKaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tICJAL2NvbW1vbi91dGlscyI7CmltcG9ydCB7IGdldE1vbWVudExpc3QgfSBmcm9tICJAL25ldHdvcmsvbW9tZW50IjsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiTW9tZW50IiwKICBjb21wb25lbnRzOiB7CiAgICBTY3JvbGwsCiAgICBOYXZCYXIsCiAgICBNb21lbnRMaXN0LAogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIG1vbWVudHM6IFtdLAogICAgICBzaXplOiAxMCwKICAgICAgb2Zmc2V0OiAwLAogICAgICBwdWxsaW5nZG93bjogZmFsc2UsCiAgICAgIHJlZnJlc2htb21lbnQ6IHRydWUsCiAgICAgIHB1bGxpbmdVcDogZmFsc2UsCiAgICB9OwogIH0sCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuZ2V0TW9tZW50KCk7CiAgfSwKICBtZXRob2RzOiB7CiAgICAvL+i/m+WFpeWPkeihqOWKqOaAgQogICAgY3JlYXRlbW9tZW50KCkgewogICAgICB0aGlzLiRyb3V0ZXIucHVzaCgiL2NyZWF0ZW1vbWVudCIpOwogICAgfSwKICAgIC8v6I635Y+W5Yqo5oCB5YaF5a65CiAgICBnZXRNb21lbnQoKSB7CiAgICAgIGdldE1vbWVudExpc3QodGhpcy5vZmZzZXQsIHRoaXMuc2l6ZSkudGhlbigocmVzKSA9PiB7CiAgICAgICAgdGhpcy5tb21lbnRzLnB1c2goLi4ucmVzLmRhdGEpOwogICAgICAgIHRoaXMub2Zmc2V0ICs9IDEwOwogICAgICB9KTsKICAgIH0sCiAgICAvL+mHjeaWsOiOt+WPluWKqOaAgQogICAgUmVNb21lbnQoKSB7CiAgICAgIGdldE1vbWVudExpc3QoMCwgMTApLnRoZW4oKHJlcykgPT4gewogICAgICAgIHRoaXMubW9tZW50cyA9IHJlcy5kYXRhOwogICAgICB9KTsKICAgIH0sCiAgICAvL+S4iuaLieWKoOi9veabtOWkmgogICAgbG9hZE1vcmUoKSB7CiAgICAgIHRoaXMucHVsbGluZ1VwID0gdHJ1ZTsKICAgICAgdGhpcy5vZmZzZXQgPSAxMDsKICAgICAgdGhpcy5nZXRNb21lbnQoKTsKICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgdGhpcy5wdWxsaW5nVXAgPSBmYWxzZTsKICAgICAgICB0aGlzLiRyZWZzLnNjcm9sbC5maW5pc2hQdWxsVXAoKTsKICAgICAgICB0aGlzLiRyZWZzLnNjcm9sbC5yZWZyZXNoKCk7CiAgICAgIH0sIDEwMDApOwogICAgfSwKICAgIC8v5LiL5ouJ5Yqg6L295pu05aSa77yM6YCa6L+H6YeN5paw6I635Y+W5pWw5o2u5Lul5Y+K6ZSA5q+B6YeN5bu657uE5Lu25p2l5a6e546w5Yi35paw77yM5bu25pe25a6e546w5Yqo5oCB5Yqg6L29CiAgICBwdWxsaW5nRG93bigpIHsKICAgICAgdGhpcy5wdWxsaW5nZG93biA9IHRydWU7CiAgICAgIHRoaXMub2Zmc2V0OwogICAgICB0aGlzLlJlTW9tZW50KCk7CiAgICAgIHRoaXMucmVmcmVzaG1vbWVudCA9IGZhbHNlOwogICAgICB0aGlzLnJlZnJlc2htb21lbnQ9IHRydWU7CiAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgIHRoaXMucHVsbGluZ2Rvd24gPSBmYWxzZTsKICAgICAgICB0aGlzLiRyZWZzLnNjcm9sbC5maW5pc2hQdWxsRG93bigpOwogICAgICB9LCAxMDAwKTsKICAgIH0sCiAgfSwKICBtb3VudGVkKCkgewogICAgLy/lm77lg4/liqDovb3lh7rmnaXvvIzph43mlrDorqHnrpfpobXpnaLpq5jluqYKICAgIGNvbnN0IHJlZnJlc2ggPSBkZWJvdW5jZSh0aGlzLiRyZWZzLnNjcm9sbC5yZWZyZXNoLCAzMDApOwogICAgdGhpcy51cGxvYWRhdmF0YXIgPSAoKSA9PiB7CiAgICAgIHJlZnJlc2goKTsKICAgIH07CiAgICB0aGlzLiRidXMuJG9uKCJ1cGxvYWQiLCB0aGlzLnVwbG9hZGF2YXRhcik7CiAgfSwKfTsK"},{"version":3,"sources":["Moment.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Moment.vue","sourceRoot":"src/views/moment","sourcesContent":["<template >\n  <div class=\"home\">\n    <NavBar class=\"nav-bar\">\n      <img img=\"~assets/img/moment/bear.svg\" />\n      <div slot=\"left\"><img src=\"~assets/img/moment/bear.svg\" width=\"40px\" height=\"40px\" /></div>\n      <div slot=\"center\">酒友乡</div>\n      <!-- 发表动态 -->\n      <div slot=\"right\" @click=\"createmoment\"><i class=\"el-icon-plus\"></i></div>\n    </NavBar>\n    <Scroll\n      class=\"content\"\n      ref=\"scroll\"\n      :pull-up-load=\"true\"\n      :probe-type=\"3\"\n      @pullingUp=\"loadMore\"\n      @pullingDown=\"pullingDown\"\n    >\n    <!-- 下拉显示 -->\n      <div class=\"pulldown\" v-show=\"pullingdown\"><img src=\"~assets/img/moment/refresh.svg\" width=\"30px\" height=\"30px\" /></div>\n      <!-- 多条动态拆分-->\n      <MomentList v-if=\"refreshmoment\" :moments=\"moments\" ></MomentList>\n      <!-- 上拉显示 -->\n      <div class=\"pullUp\" v-show=\"pullingUp\"><span>Loading...</span></div>\n    </Scroll>\n  </div>\n</template>\n\n<script>\nimport Scroll from \"@/components/common/Scroll/Scroll\";\nimport NavBar from \"@/components/common/navbar/NavBar\";\nimport MomentList from \"@/components/content/moments/MomentList\";\n\nimport { debounce } from \"@/common/utils\";\nimport { getMomentList } from \"@/network/moment\";\n\nexport default {\n  name: \"Moment\",\n  components: {\n    Scroll,\n    NavBar,\n    MomentList,\n  },\n  data() {\n    return {\n      moments: [],\n      size: 10,\n      offset: 0,\n      pullingdown: false,\n      refreshmoment: true,\n      pullingUp: false,\n    };\n  },\n  created() {\n    this.getMoment();\n  },\n  methods: {\n    //进入发表动态\n    createmoment() {\n      this.$router.push(\"/createmoment\");\n    },\n    //获取动态内容\n    getMoment() {\n      getMomentList(this.offset, this.size).then((res) => {\n        this.moments.push(...res.data);\n        this.offset += 10;\n      });\n    },\n    //重新获取动态\n    ReMoment() {\n      getMomentList(0, 10).then((res) => {\n        this.moments = res.data;\n      });\n    },\n    //上拉加载更多\n    loadMore() {\n      this.pullingUp = true;\n      this.offset = 10;\n      this.getMoment();\n      setTimeout(() => {\n        this.pullingUp = false;\n        this.$refs.scroll.finishPullUp();\n        this.$refs.scroll.refresh();\n      }, 1000);\n    },\n    //下拉加载更多，通过重新获取数据以及销毁重建组件来实现刷新，延时实现动态加载\n    pullingDown() {\n      this.pullingdown = true;\n      this.offset;\n      this.ReMoment();\n      this.refreshmoment = false;\n      this.refreshmoment= true;\n      setTimeout(() => {\n        this.pullingdown = false;\n        this.$refs.scroll.finishPullDown();\n      }, 1000);\n    },\n  },\n  mounted() {\n    //图像加载出来，重新计算页面高度\n    const refresh = debounce(this.$refs.scroll.refresh, 300);\n    this.uploadavatar = () => {\n      refresh();\n    };\n    this.$bus.$on(\"upload\", this.uploadavatar);\n  },\n};\n</script>\n\n<style scoped>\n.nav-bar {\n  background-color: rgb(245, 243, 243);\n  font-weight: 500px;\n  color: rgba(54, 53, 53, 0.733);\n}\n.home {\n  height: 100vh;\n  position: relative;\n  background-color: rgba(212, 212, 212, 0.329);\n}\n.content {\n  left: 0;\n  right: 0;\n  top: 39px;\n  bottom: 49px;\n  overflow: hidden;\n  position: absolute;\n}\n.pulldown {\n  text-align: center;\n  top: 15px;\n  z-index: 20;\n}\n.pullUp {\n  text-align: center;\n  bottom: 50px;\n  z-index: 20;\n}\n</style>"]}]}