1.0.0

pages/thumb/list.vue

@@ -0,0 +1,102 @@
+<template>
+	<view class="flex flex-column flex-1" style="height: 100vh;">
+		<i-loading v-if="loading" />
+		<view class="flex flex-column flex-1">
+			<scroll-view class="flex-1" :scroll-y="true" :refresher-enabled="true"
+				:refresher-triggered="refresh" @refresherrefresh="refreshData" @scrolltolower="loadData">
+				<view class="px-2">
+					<i-thumb-list :resdata="shareList" />
+				</view>
+				<uni-load-more :status="more_status" @clickLoadMore="loadData"></uni-load-more>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+
+<script>
+	import { TaCache } from '@/common/cache';
+	import {
+		TaAjax
+	} from '@/common/ajax';
+	import {
+		friendlyDate
+	} from '@/common/util';
+	export default {
+		computed: {
+			more_status() {
+				if (this.finish) {
+					return 'no-more';
+				} else if (this.loading) {
+					return 'loading';
+				} else {
+					return 'more';
+				}
+			},
+		},
+		data() {
+			return {
+				shareList: [],
+				curPage: 1,
+				loading: true,
+				refresh: true,
+				finish: false,
+				login: false
+			}
+		},
+		onLoad() {
+			const userInfo = TaCache.get('auth.user');
+			if (!userInfo) {
+				this.login = false
+			} else {
+				this.login = true
+			}
+		},
+		methods: {
+			loadData() {
+				if (this.refresh) {
+					this.shareList.length = 0;
+					this.finish = false;
+				}
+				if (this.finish) {
+					return;
+				}
+				TaAjax.get(this.login ? '/cms/api.auth.Thumb/index' : '/cms/api.Thumb/index', {
+					page: this.curPage
+				}).then((result) => {
+					const data = result.data;
+					const data_list = data.data.map((share) => {
+						share.create_at = friendlyDate(new Date(share.publish_at.replace(/\-/g, '/'))
+							.getTime());
+						share.imgs = share.imgs_arr;
+						return share;
+					});
+					if (this.refresh) {
+						this.shareList.length = 0;
+					}
+					this.shareList = this.shareList.concat(data_list);
+					this.finish = data.total <= this.shareList.length;
+					this.curPage++;
+				}).catch((e) => {
+					console.warn(e)
+					if (this.shareList.length == 0) {
+						this.finish = true;
+					}
+				}).finally(() => {
+					this.refresh = false;
+					this.loading = false;
+				});
+			},
+			refreshData() {
+				this.finish = false;
+				this.refresh = true;
+				this.curPage = 1;
+				this.loadData();
+			},
+		}
+	}
+</script>
+
+<style>
+
+</style>