<template>
  <view class="page">
    <swiper>
      <swiper-item>1</swiper-item>
      <swiper-item>2</swiper-item>
      <swiper-item>3</swiper-item>
    </swiper>
    <view class="girdBox">
      <view @click="goPath('/training/trainList')">
        <image />新闻资讯
      </view>
      <view @click="goPath('/match/index')">
        <image />赛事报名
      </view>
			
      <view @click="goPath('/training/trainList')">
        <image />培训报名
      </view>
      <view @click="goPath()">
        <image />团体会员
      </view>
      <view @click="goPath()">
        <image />地方协会
      </view>
      <view @click="goPath()">
        <image />考点查询
      </view>
      <view @click="goPath('/webView/vipSystem')">
        <image />会员系统
      </view>
      <view @click="goTab('/pages/myCenter/index')">
        <image />我的
      </view>
			
    </view>
  </view>
</template>

<script setup>
import * as api from '@/common/api.js';
import * as loginServer from '@/common/login.js';
import config from '@/config.js'
import {
  onLoad,
  onShow,
  onReady,
  onPullDownRefresh
} from '@dcloudio/uni-app';
import {
  ref,
  getCurrentInstance
} from 'vue';


const {
  proxy
} = getCurrentInstance()
const app = getApp();
const svId = ref(null);

const messageList = ref([])
onShow(() => {
  if (app.globalData.isLogin) {
    init()
  } else {
    app.firstLoadCallback = () => {
      init()
    };
  }
})
onLoad(option => {

});


function goPath(path) {
  if(path)
    uni.navigateTo({
      url: path
    });
}

function goTab(path){
  uni.switchTab({
    url: path
  })
}
	

function init() {
  uni.showLoading({
    title: '加载中'
  });
  uni.hideLoading();

}



function goItem(item) {
  if (item.path) {
    let path = item.path
    uni.navigateTo({
      url: item.path
    });
		
  } else {
    uni.showToast({
      title: `暂未开放`,
      icon: 'none'
    });
  }
}
</script>
<style scope lang="scss">
	.page{width: 100vw;overflow: hidden;}
	.loginOutIcon {
		position: relative;
		left: 60rpx;
		// top: 180rpx;

		image {
			width: 50rpx;
			height: 50rpx;
		}
	}

	.welcome {
		padding:30rpx 55rpx;
		line-height: 55rpx;
		font-size: 36rpx;
	}

	.flexbox {
		display: flex;
		justify-content: space-around;
		text-align: center;

		image {
			width: 90rpx;
			height: 90rpx;
			display: block;
			margin: auto;
		}
	}

	.image {
		width: 25px;
		height: 25px;
	}

	.grid-item-box {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}

	.grid-item-box-row {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}

	.grid-dot {
		position: absolute;
		top: 5px;
		right: 15px;
	}

	:deep(.uni-section) {
		background-color: transparent;
	}

	:deep(.uni-section .uni-section-header__content) {
		font-size: 44rpx;
		font-weight: bold;
		color: #29343C;
	}
	:deep(.uni-section .uni-section-header){
		padding: 0 30rpx;
	}
	
</style>