changetousecli

src/pages/index/index.vue

@@ -0,0 +1,90 @@
+<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>