UI完善

src/components/BowTargetEdit.vue

@@ -249,12 +249,12 @@ onMounted(async () => {
 }
 
 .delete-btn {
-  right: -24px;
-  bottom: -24px;
-}
-
-.drag-btn {
   left: 50%;
   top: 0;
 }
+
+.drag-btn {
+  right: -24px;
+  bottom: -24px;
+}
 </style>

src/components/Container.vue

@@ -86,7 +86,7 @@ const goBack = () => {
     <view
       class="content"
       :style="{
-        height: isHome ? '100vh' : `calc(100vh - ${isIos ? 180 : 150}rpx)`,
+        height: isHome ? '100vh' : `calc(100vh - ${isIos ? 190 : 160}rpx)`,
         overflow,
       }"
     >

src/components/EditOption.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, watch, onMounted, onUnmounted } from "vue";
+import { getPointBookConfigAPI } from "@/apis";
 const props = defineProps({
   itemIndex: {
     type: Number,
@@ -88,7 +89,7 @@ watch(
     }
   }
 );
-onMounted(() => {
+const loadConfig = () => {
   const config = uni.getStorageSync("point-book-config");
   if (config) {
     if (props.itemIndex === 0) {
@@ -97,6 +98,16 @@ onMounted(() => {
       data.value = config.targetOption;
     }
   }
+};
+onMounted(async () => {
+  const config = uni.getStorageSync("point-book-config");
+  if (config) {
+    loadConfig();
+  } else {
+    const config = await getPointBookConfigAPI();
+    uni.setStorageSync("point-book-config", config);
+    loadConfig();
+  }
 });
 </script>
 
@@ -247,6 +258,9 @@ onMounted(() => {
   width: 85px;
   color: #999999;
 }
+.container > view:first-child > text:nth-child(2) {
+  font-weight: 500;
+}
 .container > view:first-child > button {
   width: 85px;
   display: flex;

src/components/Header.vue

@@ -52,7 +52,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <view class="container" :style="{ paddingTop: isIos ? '80rpx' : '50rpx' }">
+  <view class="container" :style="{ paddingTop: isIos ? '90rpx' : '60rpx' }">
     <view class="back-btn" @click="onClick">
       <image v-if="whiteBackArrow" src="../static/back.png" mode="widthFix" />
       <image

src/components/PointRecord.vue

@@ -71,6 +71,9 @@ onMounted(() => {
   display: flex;
   align-items: center;
 }
+.container > view:first-child > view:last-child {
+  font-weight: 500;
+}
 .labels {
   align-items: flex-end !important;
 }