页面

2025-05-12 21:23:37 +08:00
parent ab626be4b4
commit 033cb649f8
52 changed files with 9183 additions and 6 deletions
--- a/pages/Home/Home.vue
+++ b/pages/Home/Home.vue
@@ -0,0 +1,79 @@
+<template>
+  <view class="page">
+    <image src="../../static/HomeBackground.png" class="HomeBackground"></image>
+  </view>
+  <view class="top-navigation-container">
+    <top-navigation></top-navigation>
+  </view>
+  <view class="Advertisement">
+    <advertisement></advertisement>
+  </view>
+  <view class="contentList">    
+    <contentList></contentList>
+  </view>
+  <view class="tabBar">
+    <!-- <tabBar></tabBar> -->
+  </view>
+</template>
+
+<script>
+import topNavigation from "../../components/topNavigation/topNavigation";
+import Advertisement from "../../components/Advertisement/Advertisement";
+import contentList from "../../components/contentList/contentList";
+// import tabBar from "../../components/tabBar/tabBar";
+export default {
+  data() {
+    return {};
+  },
+  onLoad() {
+    // 页面加载时执行
+  },
+  methods: {
+    // 方法定义
+  },
+  components: {
+    topNavigation,
+    Advertisement,
+  },
+};
+</script>
+
+<style scoped>
+.page {
+  position: relative;
+  width: 750rpx;
+  height: 1620rpx;
+}
+
+.HomeBackground {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+.top-navigation-container {
+  position: fixed;
+  top: 160rpx;
+  left: 0;
+  width: 100%;
+  height: 114.5rpx;
+}
+.Advertisement {
+    position: fixed;
+    top: 300rpx;
+    left: 0;
+    width: 100%;
+    height: 100rpx;
+    z-index: 100;
+}
+.contentList {
+    position: fixed;
+    top: 300rpx;
+    left: 0;
+    width: 100%;
+    height: 1300rpx;
+}
+
+</style>