<template>
	<view class="page">
		<!-- 内容区 -->
		<view class="maincontent">
			<!-- <Postpage /> -->
			<Videopage />
		</view>

		<!-- Findmore组件 -->
		<Findmore />

	</view>
</template>

<script setup>
import Postpage from '@/pages/components/postpage/postpage.vue'
import Videopage from '@/pages/components/videopage/videopage.vue';
import Findmore from '@/pages/components/findmore/findmore.vue';

import { useCommonStore } from '@/stores/common.js'
const common = useCommonStore()

</script>

<style scoped>
page,
.page {
	width: 100%;
	max-width: 430px;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	position: relative;
}

.head {
	width: 100%;
	padding: 14px 16px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	flex-shrink: 0;
}

.applogo {
	width: 128px;
	height: 33px;
	display: inline-block;
	vertical-align: middle;
}

.spacerview {
	display: inline-block;
	width: 0;
	height: 0;
	pointer-events: none;
}

.download {
	width: 97px;
	height: 35px;
	border-radius: 29px;
	background-image: linear-gradient(156deg, #7c45ed -1%, #7c68ef 19%, #7bd8f8 97%);
	color: #fff;
	font-family: PingFangSC;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	vertical-align: middle;
}

.maincontent {
	width: 100%;
	flex: 1;
	height: auto;
	min-height: auto;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

/* Webkit浏览器隐藏滚动条 */
.maincontent::-webkit-scrollbar {
	display: none;
}
</style>