UI更新

src/components/EditOption.vue

@@ -78,7 +78,7 @@ const onSelectItem = (index) => {
   } else if (props.itemIndex === 3 && secondSelectIndex.value !== -1) {
     props.onSelect(
       props.itemIndex,
-      `${selectedIndex.value + 1}组/${groupArrows[secondSelectIndex.value]}箭`
+      `${selectedIndex.value}/${groupArrows[secondSelectIndex.value]}`
     );
   }
 };
@@ -87,7 +87,7 @@ const onSelectSecondItem = (index) => {
   if (selectedIndex.value !== -1) {
     props.onSelect(
       props.itemIndex,
-      `${selectedIndex.value + 1}组/${groupArrows[secondSelectIndex.value]}箭`
+      `${selectedIndex.value}/${groupArrows[secondSelectIndex.value]}`
     );
   }
 };

src/components/Header.vue

@@ -24,6 +24,7 @@ const onClick = () => {
 
 const loading = ref(false);
 const showLoader = ref(false);
+const pointBook = ref(null);
 const updateLoading = (value) => {
   loading.value = value;
 };
@@ -33,6 +34,9 @@ onMounted(() => {
   isIos.value = deviceInfo.osName === "ios";
   const pages = getCurrentPages();
   const currentPage = pages[pages.length - 1];
+  if (currentPage.route === "pages/point-book-edit") {
+    pointBook.value = uni.getStorageSync("point-book");
+  }
   if (
     currentPage.route === "pages/battle-room" ||
     currentPage.route === "pages/team-match" ||
@@ -92,6 +96,21 @@ onUnmounted(() => {
       mode="widthFix"
       class="loading"
     />
+    <view v-if="pointBook" class="point-book-info">
+      <text>{{ pointBook.bowType }}</text>
+      <text>{{ pointBook.distance }} 米</text>
+      <text
+        >{{
+          pointBook.bowtargetType.substring(
+            0,
+            pointBook.bowtargetType.length - 3
+          )
+        }}
+        {{
+          pointBook.bowtargetType.substring(pointBook.bowtargetType.length - 3)
+        }}</text
+      >
+    </view>
   </view>
 </template>
 
@@ -104,6 +123,8 @@ onUnmounted(() => {
   height: 100rpx;
   /* margin-top: var(--status-bar-height); */
   padding-left: 15px;
+}
+.container > view:nth-child(2) {
   font-size: 16px;
   font-weight: bold;
 }
@@ -141,4 +162,19 @@ onUnmounted(() => {
   background-blend-mode: darken;
   animation: rotate 2s linear infinite;
 }
+.point-book-info {
+  color: #333;
+  position: fixed;
+  width: 60%;
+  left: 20%;
+  display: flex;
+  justify-content: center;
+}
+.point-book-info > text {
+  border-radius: 6px;
+  background-color: #fff;
+  font-size: 10px;
+  padding: 5px 10px;
+  margin: 3px;
+}
 </style>