| | |
| | | <div> |
| | | <div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" :infinite-scroll-distance="10"> |
| | | <div v-for="temp in data"> |
| | | <newArticle></newArticle> |
| | | <box5 v-bind="temp"></box5> |
| | | </div> |
| | | <div v-if="loading && !busy" class="demo-loading-container"> |
| | |
| | | :defaultPageSize="pageSize" :total="total" /> |
| | | </div> |
| | | </a-row> |
| | | <a-back-top> |
| | | <a-icon type="up" />回到顶部 |
| | | </a-back-top> |
| | | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import infiniteScroll from 'vue-infinite-scroll'; |
| | | import box5 from "../mini/box5-article.vue" |
| | | import babyActicle from '../../assets/baby.htm' |
| | | import newArticle from "../mini/box-new-article.vue" |
| | | import shijie from '../../assets/shijie.htm' |
| | | |
| | | var obj1 = { |
| | |
| | | |
| | | export default { |
| | | components: { |
| | | box5 |
| | | box5, |
| | | newArticle |
| | | }, |
| | | directives: { |
| | | infiniteScroll |
| | |
| | | console.log(this.current); |
| | | console.log(this.busy); |
| | | |
| | | if (data.length > 15) { |
| | | if (data.length > 3) { |
| | | this.$message.warning('没有更多了'); |
| | | this.busy = true; |
| | | this.loading = false; |