You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
8.0 KiB
1 line
8.0 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/moment/Moment.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/moment/Moment.vue","mtime":1612016848061},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBTY3JvbGwgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9TY3JvbGwvU2Nyb2xsIjsKaW1wb3J0IE5hdkJhciBmcm9tICJAL2NvbXBvbmVudHMvY29tbW9uL25hdmJhci9OYXZCYXIiOwppbXBvcnQgTW9tZW50TGlzdCBmcm9tICJAL2NvbXBvbmVudHMvY29udGVudC9tb21lbnRzL01vbWVudExpc3QiOwovL2RlYm91bmNl6Ziy5oqW5L2/6aG16Z2i6YeN5paw6K6h566X6auY5bqmCmltcG9ydCB7IGRlYm91bmNlIH0gZnJvbSAiQC9jb21tb24vdXRpbHMiOwppbXBvcnQgeyBnZXRNb21lbnRMaXN0IH0gZnJvbSAiQC9uZXR3b3JrL21vbWVudCI7CgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIk1vbWVudCIsCiAgY29tcG9uZW50czogewogICAgU2Nyb2xsLAogICAgTmF2QmFyLAogICAgTW9tZW50TGlzdCwKICB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBtb21lbnRzOiBbXSwKICAgICAgc2l6ZTogMTAsCiAgICAgIG9mZnNldDogMCwKICAgICAgcHVsbGluZ2Rvd246IGZhbHNlLAogICAgICByZWZyZXNobW9tZW50OiB0cnVlLAogICAgICBwdWxsaW5nVXA6IGZhbHNlLAogICAgfTsKICB9LAogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmdldE1vbWVudCgpOwogIH0sCiAgbWV0aG9kczogewogICAgLy/ov5vlhaXlj5HooajliqjmgIEKICAgIGNyZWF0ZW1vbWVudCgpIHsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goIi9jcmVhdGVtb21lbnQiKTsKICAgIH0sCiAgICAvL+iOt+WPluWKqOaAgeWGheWuuQogICAgZ2V0TW9tZW50KCkgewogICAgICBnZXRNb21lbnRMaXN0KHRoaXMub2Zmc2V0LCB0aGlzLnNpemUpLnRoZW4oKHJlcykgPT4gewogICAgICAgIHRoaXMubW9tZW50cy5wdXNoKC4uLnJlcy5kYXRhKTsKICAgICAgICB0aGlzLm9mZnNldCArPSAxMDsKICAgICAgfSk7CiAgICB9LAogICAgLy/ph43mlrDojrflj5bliqjmgIEKICAgIFJlTW9tZW50KCkgewogICAgICBnZXRNb21lbnRMaXN0KDAsIDEwKS50aGVuKChyZXMpID0+IHsKICAgICAgICB0aGlzLm1vbWVudHMgPSByZXMuZGF0YTsKICAgICAgfSk7CiAgICB9LAogICAgLy/kuIrmi4nliqDovb3mm7TlpJoKICAgIGxvYWRNb3JlKCkgewogICAgICB0aGlzLnB1bGxpbmdVcCA9IHRydWU7CiAgICAgIHRoaXMub2Zmc2V0ID0gMTA7CiAgICAgIHRoaXMuZ2V0TW9tZW50KCk7CiAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgIHRoaXMucHVsbGluZ1VwID0gZmFsc2U7CiAgICAgICAgdGhpcy4kcmVmcy5zY3JvbGwuZmluaXNoUHVsbFVwKCk7CiAgICAgICAgdGhpcy4kcmVmcy5zY3JvbGwucmVmcmVzaCgpOwogICAgICB9LCAxMDAwKTsKICAgIH0sCiAgICAvL+S4i+aLieWKoOi9veabtOWkmu+8jOmAmui/h+mHjeaWsOiOt+WPluaVsOaNruS7peWPiumUgOavgemHjeW7uue7hOS7tuadpeWunueOsOWIt+aWsO+8jOW7tuaXtuWunueOsOWKqOaAgeWKoOi9vQogICAgcHVsbGluZ0Rvd24oKSB7CiAgICAgIHRoaXMucHVsbGluZ2Rvd24gPSB0cnVlOwogICAgICB0aGlzLm9mZnNldDsKICAgICAgdGhpcy5SZU1vbWVudCgpOwogICAgICB0aGlzLnJlZnJlc2htb21lbnQgPSBmYWxzZTsKICAgICAgdGhpcy5yZWZyZXNobW9tZW50PSB0cnVlOwogICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICB0aGlzLnB1bGxpbmdkb3duID0gZmFsc2U7CiAgICAgICAgdGhpcy4kcmVmcy5zY3JvbGwuZmluaXNoUHVsbERvd24oKTsKICAgICAgfSwgMTAwMCk7CiAgICB9LAogIH0sCiAgbW91bnRlZCgpIHsKICAgIC8v5Zu+5YOP5Yqg6L295Ye65p2l77yM6YeN5paw6K6h566X6aG16Z2i6auY5bqmCiAgICBjb25zdCByZWZyZXNoID0gZGVib3VuY2UodGhpcy4kcmVmcy5zY3JvbGwucmVmcmVzaCwgMzAwKTsKICAgIHRoaXMudXBsb2FkYXZhdGFyID0gKCkgPT4gewogICAgICByZWZyZXNoKCk7CiAgICB9OwogICAgdGhpcy5yZWZyZXNobW9tZW50PSgpPT57CiAgICAgIHRoaXMuUmVNb21lbnQoKTsKICAgICAgdGhpcy5yZWZyZXNobW9tZW50ID0gZmFsc2U7CiAgICAgIHRoaXMucmVmcmVzaG1vbWVudD0gdHJ1ZTsKICAgIH0KICAgIHRoaXMuJGJ1cy4kb24oInVwbG9hZCIsIHRoaXMudXBsb2FkYXZhdGFyKTsKICAgIHRoaXMuJGJ1cy4kb24oImNyZWF0ZW1vbWVudCIsdGhpcy5yZWZyZXNobW9tZW50KQogIH0sCn07Cg=="},{"version":3,"sources":["Moment.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;AACA;AACA;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;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//debounce防抖使页面重新计算高度\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.refreshmoment=()=>{\n this.ReMoment();\n this.refreshmoment = false;\n this.refreshmoment= true;\n }\n this.$bus.$on(\"upload\", this.uploadavatar);\n this.$bus.$on(\"createmoment\",this.refreshmoment)\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>"]}]} |