<template>
	<!-- <view >
		<view class="top">
			<view class="top-search">
				
			</view>
			<view class="top-content">
				<view>
					<image src="../../static/img/index/classify1.png"></image>
					<view>景区门票</view>
				</view>
				
				<view>
					<image src="../../static/img/index/classify2.png"></image>
					<view>酒店民宿</view>
				</view>
				
				<view>
					<image src="../../static/img/index/classify3.png"></image>
					<view>特色美食</view>
				</view>
				
				<view>
					<image src="../../static/img/index/classify4.png"></image>
					<view>周边游</view>
				</view>
				
				<view>
					<image src="../../static/img/index/classify5.png"></image>
					<view>跟团游</view>
				</view>
				
				<view>
					<image src="../../static/img/index/classify6.png"></image>
					<view>亲子游</view>
				</view>
				
				<view>
					<image src="../../static/img/index/classify7.png"></image>
					<view>行程订制</view>
				</view>
				
				<view>
					<image src="../../static/img/index/classify8.png"></image>
					<view>特产好礼</view>
				</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 {
				title: '胖丁首页',
				showBottom:false,//控制底部显示隐藏
			}
		},
		onLoad() {
			let _this=this
			if(uni.getStorageSync("openid")){
				_this.showBottom=true
			}else{
				uni.navigateTo({
					url:"../login/login"
				})
			}
		},
		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>
