list.vue 1.3 KB
Newer Older
芊里 已提交
1 2 3
<template>
	<view class="container">
		<unicloud-db ref="udb" v-slot:default="{data, pagination, loading, hasMore, error}" collection="opendb-feedback"
芊里 已提交
4
			field="content, title" where="is_reply == false" @load="isLoading == false" @error="isLoading == false">
芊里 已提交
5 6 7 8 9 10
			<view v-if="data && data.length">
				<uni-collapse :accordion="true">
					<uni-collapse-item v-for="(item, index) in data" :key="index" :title="item.title" :show-animation="true">
						<text class="content">{{ item.content }}</text>
					</uni-collapse-item>
				</uni-collapse>
芊里 已提交
11
			</view>
芊里 已提交
12
			<uni-nodata v-else :isLoading="isLoading" @retry="refreshData"></uni-nodata>
芊里 已提交
13 14 15 16 17 18 19 20
		</unicloud-db>
		<uni-fab ref="fab" horizontal="right" vertical="bottom" :pop-menu="false" @fabClick="fabClick" />
	</view>
</template>

<script>
	export default {
		data() {
芊里 已提交
21
			return {
芊里 已提交
22
				isLoading:true,
芊里 已提交
23 24 25 26 27 28
			}
		},
		methods: {
			refreshData() {
				this.$refs.udb.loadData({
					clear: true
芊里 已提交
29 30
				}, (res) => {
					console.log(res);
芊里 已提交
31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
				})
			},
			fabClick() {
				// 打开新增页面
				uni.navigateTo({
					url: './add',
					events: {
						// 监听新增数据成功后, 刷新当前页面数据
						refreshData: () => {
							this.$refs.udb.loadData({
								clear: true
							})
						}
					}
				})
			}
		}
	}
</script>

芊里 已提交
51 52 53 54
<style>
	.content{
		padding: 20rpx;
	}
芊里 已提交
55
</style>