CBB3/pages/index/home.vue

<template>
	<view class="app-main">
		<view class="app-top">
			<view class="logo-amin">
				<image src="/static/img/logo.png" style="width: 25vw;height: 25vw;border-radius: 50%;"></image>
			</view>
		</view>
		
		<view class="app-foot" :class="fadeIn">
			<view style="margin-bottom: 240px;font-size: 24px;">杭州尚视拍卖有限公司</view>	
			<view>浙ICP备2022017146号-2</view>
		</view>
	</view>
</template>

<script>
	import {mapState,mapMutations } from 'vuex';
	export default {
		data() {
			return {
				fadeIn:"",
				netIndex : 0
			}
		},
		onLoad(options) {
			setTimeout(()=>{
				this.fadeIn = "fadeIn";
			},1000);
			this.getNetWord();
		},
		methods: {
			...mapMutations(['setHttp']),
			getNetWord:function(){
				let httpAr = this.global.apiHttps;
				if(this.netIndex >= httpAr.length ) {
					this.setHttp(httpAr[this.netIndex - 1]);
					this.getHome();
					return ;
				}
				let url = httpAr[this.netIndex];
				uni.request({
					url : url + "sign",
					timeout : 800,
					success : (res) => {
						if(res.data.code == 200 ) {
							this.setHttp(url);
							this.getHome();
						} else {
							this.netIndex ++;
							this.getNetWord();
						}
 						 
					},
					fail : () => {
						this.netIndex ++;
						this.getNetWord();
					}
				});
			},
			getHome : function(){
				uni.preloadPage({url: "/pages/index/index"});
				setTimeout(()=>{
					uni.switchTab({
						url:"index"
					});
				},2000);
			}
			
		}
		
		
		
	}
</script>

<style>
	.app-main{background: #FFF;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
	.app-top{ text-align: center; padding-top: 50vw;}
	.app-foot{position: fixed;opacity: 0;bottom: 40px;text-align: center;width: 100%;color: #333;font-size: 14px;}
	.app-main .fadeIn {
		animation-name: fadeIn;
		opacity: 1;
		animation-duration: 3s;
	}
	.logo-amin{animation-name: fadeIn;animation-duration: 3s;animation-iteration-count: 1;animation-delay: 0s}
	
	@keyframes fadeIn {
		0% { opacity: 0 }
		100% { opacity: 1 }
	}
	
	


</style>