dou_applet/pages/index/index copy.vue

<template>
	<view class="content">
		<page-head title="home"></page-head>
		<view class="tabbar-container" :style="'padding-top:'+ safeAreaTop+'px'">
			111
			<selfEcharts></selfEcharts>
			<selfEcharts></selfEcharts>
			<button type="primary" @click="goLogin">去登录</button>
			<button type="default" @click="classifyFlag=true">分类选择</button>
			<button type="default" @click="timeEvent">时间选择</button>
			<view class="li" v-for="(item,index) in 80" @click="toCeshi(index)">
				测试{{index+1}}
			</view>
		</view>
		<classify @close='classifyFlag=false' v-if="classifyFlag" @getData='getChoiceData'></classify>
		<tabbar selected='homePage'></tabbar>
	</view>
</template>

<script>
	import tabbar from '@/components/tabbar.vue'
	import selfEcharts from "@/components/echarts/self-echarts.vue"
	import classify from "@/components/classify.vue"
	export default {
		components:{
			tabbar,
			selfEcharts,
			classify
		},
		data() {
			return {
				classifyFlag:false,
				safeAreaTop:this.$store.state.systemInfo.safeAreaTop,
			}
		},
		methods:{
			timeEvent(){
				 wx.showActionSheet({
				      itemList: ['近7天', '近15天', '近30天', '近90天'],
				      success (res) {
				       
				      },
				      fail (res) {
				      }
				    })
			},
			getChoiceData(data){
				console.log(data,'分类数据')
			},
			toCeshi(index) {
				uni.navigateTo({
					url: "/pages/subPackages/liveDetail/liveDetail?room_id=" + index
				})
			},
			goLogin() {
				uni.navigateTo({
					url: '/pages/subPackages/login/login'
				})
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.li {
		height: 100rpx;
	}

</style>