|
|
@@ -1,99 +0,0 @@
|
|
|
-<template>
|
|
|
- <v-container fill-height fluid style="padding-left: 24px; padding-right: 24px">
|
|
|
- <div v-infinite-scroll="loadMore" infinite-scroll-disabled="true" infinite-scroll-distance="10">
|
|
|
- <v-row
|
|
|
- v-for="x in list"
|
|
|
- :key="x.id"
|
|
|
- no-gutters
|
|
|
- >
|
|
|
- <status-card :x="x" />
|
|
|
- <v-divider />
|
|
|
- </v-row>
|
|
|
- </div>
|
|
|
- </v-container>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { mapActions, mapGetters } from 'vuex'
|
|
|
-import StatusCard from '@/components/status/status-card'
|
|
|
-
|
|
|
-export default {
|
|
|
- name: 'Home',
|
|
|
- components: {
|
|
|
- StatusCard
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- list: []
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapGetters({
|
|
|
- statuses: 'my_content',
|
|
|
- option: 'my_content_option',
|
|
|
- showImage: 'image_zoom_show'
|
|
|
- })
|
|
|
- },
|
|
|
- watch: {
|
|
|
- option: {
|
|
|
- handler: function(val, oldVal) {
|
|
|
- if (val && val.page === 1) {
|
|
|
- this.list = []
|
|
|
- }
|
|
|
- },
|
|
|
- deep: true
|
|
|
- },
|
|
|
- statuses: function(val, oldVal) {
|
|
|
- if (val) {
|
|
|
- if (this.option.page === 1) {
|
|
|
- this.list = val
|
|
|
- } else {
|
|
|
- this.list = [...this.list, ...val]
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.myContent(1)
|
|
|
- },
|
|
|
- mounted() {
|
|
|
-
|
|
|
- },
|
|
|
- activated() {
|
|
|
- window.addEventListener('scroll', this.scrollBar)
|
|
|
- },
|
|
|
- deactivated() {
|
|
|
- window.removeEventListener('scroll', this.scrollBar)
|
|
|
- },
|
|
|
- methods: {
|
|
|
- ...mapActions([
|
|
|
- 'getMyContent'
|
|
|
- ]),
|
|
|
- myContent(page) {
|
|
|
- this.getMyContent(page)
|
|
|
- },
|
|
|
- loadMore() {
|
|
|
- /* const vue = this
|
|
|
- vue.option.refresh = true
|
|
|
- var page = vue.option.page + 1
|
|
|
- vue.myContent(page)*/
|
|
|
- },
|
|
|
- scrollBar() {
|
|
|
- var a = document.documentElement.scrollTop === 0 ? document.body.clientHeight : document.documentElement.clientHeight
|
|
|
- var b = document.documentElement.scrollTop === 0 ? document.body.scrollTop : document.documentElement.scrollTop
|
|
|
- var c = document.documentElement.scrollTop === 0 ? document.body.scrollHeight : document.documentElement.scrollHeight
|
|
|
- if (a + b === c && !this.showImage) {
|
|
|
- console.log(a + b)
|
|
|
- this.loadMore()
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style>
|
|
|
-a {
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-</style>
|