UI优化

src/components/AppBackground.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 const props = defineProps({
   type: {
     type: Number,
@@ -10,6 +10,11 @@ const props = defineProps({
     default: "#050b19",
   },
 });
+const capsuleHeight = ref(0);
+onMounted(() => {
+  const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
+  capsuleHeight.value = menuBtnInfo.top + 50 - 9;
+});
 </script>
 
 <template>
@@ -30,7 +35,7 @@ const props = defineProps({
       class="bg-image"
       v-if="type === 2"
       src="../static/app-bg3.png"
-      mode="widthFix"
+      :style="{ height: capsuleHeight + 'px' }"
     />
     <view class="bg-overlay" v-if="type === 0"></view>
   </view>

src/components/EditOption.vue

@@ -268,8 +268,9 @@ onMounted(async () => {
 }
 .container > view:first-child > button > image {
   transition: all 0.5s ease;
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
+  padding-right: 5px;
 }
 .bow-items {
   display: grid;