UI流程完善

src/components/AppBackground.vue

@@ -1,7 +1,18 @@
+<script setup>
+import { ref } from "vue";
+const props = defineProps({
+  type: {
+    type: Number,
+    default: 0,
+  },
+});
+const bgs = ref(["../static/app-bg.png", "../static/app-bg2.png"]);
+</script>
+
 <template>
   <view class="background">
-    <image class="bg-image" src="../static/app-bg.png" mode="aspectFill" />
-    <view class="bg-overlay"></view>
+    <image class="bg-image" :src="bgs[type]" mode="aspectFill" />
+    <view class="bg-overlay" v-if="type === 0"></view>
   </view>
 </template>
 
@@ -29,6 +40,10 @@
   height: 100%;
   left: 0;
   top: 0;
-  background: linear-gradient(to bottom, rgba(26, 26, 26, 0.8), rgba(0, 0, 0, 0.8));
+  background: linear-gradient(
+    to bottom,
+    rgba(26, 26, 26, 0.8),
+    rgba(0, 0, 0, 0.8)
+  );
 }
-</style>
+</style>