<!-- 自定义的下拉刷新view -->
<template>
	<view class="refresher-container">
		<!-- 这里的图片请换成自己项目的图片 -->
		<!-- <image class="refresher-image" mode="" src="@/static/gif.gif"></image> -->
		<text class="refresher-text">{{statusText}}</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		computed: {
			statusText() {
				// 获取当前语言
				let currentLang = uni.getStorageSync('Language') || 'en-us';
				
				// 语言映射：将项目语言代码映射到显示文本
				const langMap = {
					'zh-cn': {
						0: '继续下拉刷新',
						1: '松开立即刷新',
						2: '正在刷新...',
						3: '刷新成功'
					},
					'en-us': {
						0: 'Pull down to refresh',
						1: 'Release to refresh',
						2: 'Refreshing...',
						3: 'Refresh succeeded'
					},
					'jp': {
						0: '引き続きプルダウンして更新',
						1: '手を離してすぐに更新',
						2: '更新中...',
						3: '更新成功'
					},
					'kr': {
						0: '계속 아래로 당겨 새로 고침',
						1: '손을 놓고 즉시 새로 고침',
						2: '새로 고침 중...',
						3: '새로 고침 성공'
					},
					'mn': {
						0: 'Үргэлжлүүлэн доош татаж шинэчлэх',
						1: 'Гараа суллаад шууд шинэчлэх',
						2: 'Шинэчилж байна...',
						3: 'Шинэчлэлт амжилттай'
					},
					'ms': {
						0: 'Teruskan tarik ke bawah untuk muat semula',
						1: 'Lepaskan untuk muat semula',
						2: 'Memuatkan semula...',
						3: 'Muat semula berjaya'
					},
					'fre': {
						0: 'Continuez à tirer vers le bas pour actualiser',
						1: 'Relâchez pour actualiser',
						2: 'Actualisation...',
						3: 'Actualisation réussie'
					},
					'ger': {
						0: 'Weiter nach unten ziehen zum Aktualisieren',
						1: 'Loslassen zum Aktualisieren',
						2: 'Aktualisierung...',
						3: 'Aktualisierung erfolgreich'
					},
					'ily': {
						0: 'Continua a trascinare verso il basso per aggiornare',
						1: 'Rilascia per aggiornare',
						2: 'Aggiornamento...',
						3: 'Aggiornamento riuscito'
					}
				};
				
				// 获取对应语言的文本，如果没有则使用英文
				const texts = langMap[currentLang] || langMap['en-us'];
				return texts[this.status] || '';
			}
		},
		props: {
			status: {
				type: Number,
				default: function() {
					return 0;
				},
			},
		}
	}
</script>

<style scoped>
	.refresher-container {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		height: 82rpx;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.refresher-image {
		/* margin-top: 10rpx; */
		width: 108rpx;
		height: 82rpx;
	}

	.refresher-text {
		margin-top: 10rpx;
		font-size: 24rpx;
		color: #3ECEB2;
		/* background-image:-webkit-linear-gradient(45deg,#063AEE,#6415C2,#E40286); */
		/* -webkit-background-clip:text; */
		/* -webkit-text-fill-color:transparent; */
	}
</style>
