college/pages/index/index.vue

<template>
	<view class="content">
		<view id="firstScreenPage">
			<view class="loader-inner ball-beat">
			
			   <view></view> <view></view> <view></view>
			
			</view>
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {
		  if(navigator.userAgent.indexOf('UCBrowser') > -1) {
			uni.navigateTo({
				url:'../mobile/index'
			})
		  }
          if (navigator.userAgent.indexOf('Mobile') === -1) {  
            console.log("PC")
			uni.navigateTo({
				url:'../pc/indexNew'
			})
          }  else{
			  console.log("移动端")
			  uni.navigateTo({
			  	url:'../mobile/index'
			  })
		  }
		},
		methods: {

		}
	}
</script>

<style>
	#firstScreenPage { top:50%; left:50%; position: absolute; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index:100; }
		
		@-webkit-keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
		
		@keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
		
		.ball-beat > view { background-color: #279fcf; width: 15px; height: 15px; border-radius: 100% !important; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear; }
		
		.ball-beat > view:nth-child(2n-1) { -webkit-animation-delay: 0.35s !important; animation-delay: 0.35s !important; }
</style>