<template>
	<view >
		<view class="top">
			<view class="top-search">
			</view>
			<view class="top-content">
				<view>
					<navigator url="../vlog/vlogIndex/vlogIndex">
						<image src="../../static/img/index/classify1.png"></image>
						<view>景区门票</view>
					</navigator>
					
				</view>
				<view>
					<navigator url="../hotel/hotel">
						<image src="../../static/img/index/classify2.png"></image>
						<view>酒店民宿</view>
					</navigator>
				</view>
				
				<view>
					<navigator url="../restaurant/restaurant">
						<image src="../../static/img/index/classify3.png"></image>
						<view>特色美食</view>
					</navigator>
				</view>
				
				<view>
					<navigator url="../nearby/nearby">
						<image src="../../static/img/index/classify4.png"></image>
						<view>周边游</view>
					</navigator>
				</view>
				
				<view>
					<navigator url="../travelOne/travelOne">
						<image src="../../static/img/index/classify5.png"></image>
						<view>跟团游</view>
					</navigator>
				</view>
				
				<view>
					<navigator url="../travelTwo/travelTwo">
						<image src="../../static/img/index/classify6.png"></image>
						<view>亲子游</view>
					</navigator>
				</view>
				
				<view>
					<navigator url="../dingzhi/dingzhi">
						<image src="../../static/img/index/classify7.png"></image>
						<view>行程订制</view>
					</navigator>
				</view>
				
				<view>
					<navigator url="../special/special">
						<image src="../../static/img/index/classify8.png"></image>
						<view>特产好礼</view>
					</navigator>
				</view>
			</view>
			<view class="top-img">
				
			</view>
			
		</view>
		<!-- <button @click="getUserInfo()"> 授权获取头像昵称 </button> -->
		<view class="bottom" v-show="showBottom">
			<!--#ifdef MP-WEIXIN -->
			<!-- <web-view src="https://wx.pangdly.com"></web-view> -->
			<!--#endif-->
			<!--#ifdef MP-ALIPAY -->
			<!-- <web-view src="https://wx.pangdly.com"></web-view> -->
			<!--#endif-->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showBottom:false,//控制底部显示隐藏
			}
		},
		onLoad() {
			if(uni.getStorageSync("openid")){
				this.showBottom=true
			}
		},
		onReady(){
			
		},
		methods: {
			getUserInfo() {	// 获取用户信息
				uni.getUserProfile({
					lang:'zh_CN',
					desc:'登录',
					success:(res)=>{
						console.log(res)
					},
					fail:(res)=>{
						
					}
				})
			}
	
		}
	}
</script>

<style>
	.top{padding: 0 24rpx;}
	.top-content{display: flex;flex-wrap: wrap;background: #FFFFFF;border-radius:24rpx;padding-bottom:32rpx;}
	.top-content>view{width: 25%;text-align: center;margin-top:40rpx;}
	.top-content view image{width:64rpx;height:64rpx;}
</style>
