完成首页UI

2025-05-01 16:17:51 +08:00
parent fcb7ef0f35
commit b50b8a1852
32 changed files with 614 additions and 32 deletions
--- a/src/components/AppBackground.vue
+++ b/src/components/AppBackground.vue
@@ -0,0 +1,34 @@
+<template>
+  <view class="background">
+    <image class="bg-image" src="../static/app-bg.png" mode="aspectFill" />
+    <view class="bg-overlay"></view>
+  </view>
+</template>
+
+<style scoped>
+.background {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 0;
+}
+
+.bg-image {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+
+.bg-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  background: linear-gradient(to bottom, rgba(26, 26, 26, 0.8), rgba(0, 0, 0, 0.8));
+}
+</style>