UI完善

src/pages/point-book-create.vue

@@ -3,7 +3,6 @@ import { ref, onMounted, onUnmounted } from "vue";
 import Container from "@/components/Container.vue";
 import EditOption from "@/components/EditOption.vue";
 import SButton from "@/components/SButton.vue";
-import { getPointBookConfigAPI } from "@/apis";
 
 const clickable = ref(false);
 const expandIndex = ref(-1);
@@ -32,7 +31,6 @@ const onSelect = (itemIndex, value) => {
   else if (itemIndex === 1) distance.value = value;
   else if (itemIndex === 2) bowtargetType.value = value;
   else if (itemIndex === 3) amountGroup.value = value;
-  if (itemIndex < 3) expandIndex.value += 1;
   if (
     bowType.value &&
     distance.value &&
@@ -55,10 +53,6 @@ const toEditPage = () => {
   });
 };
 onMounted(async () => {
-  const config = await getPointBookConfigAPI();
-  if (config) {
-    uni.setStorageSync("point-book-config", config);
-  }
   const pointBook = uni.getStorageSync("point-book");
   if (pointBook) {
     bowType.value = pointBook.bowType;
@@ -112,6 +106,7 @@ onMounted(async () => {
     </view>
     <view :style="{ marginBottom: '20px' }">
       <SButton
+        :rounded="50"
         :disabled="!clickable"
         :onClick="toEditPage"
         disabledColor="#DDDDDD"

src/pages/point-book-detail.vue

@@ -4,6 +4,7 @@ import { onLoad } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import BowTargetEdit from "@/components/BowTargetEdit.vue";
 import ScreenHint2 from "@/components/ScreenHint2.vue";
+import SButton from "@/components/SButton.vue";
 
 import { getPointBookDetailAPI } from "@/apis";
 
@@ -31,6 +32,10 @@ const onSelect = (index) => {
   arrows.value = groups.value[index].list.filter((item) => item.x && item.y);
 };
 
+const goBack = () => {
+  uni.navigateBack();
+};
+
 onLoad(async (options) => {
   if (options.id) {
     const result = await getPointBookDetailAPI(options.id);
@@ -117,6 +122,9 @@ onLoad(async (options) => {
         </button>
       </view>
       <BowTargetEdit :src="targetSrc" :arrows="arrows" />
+      <view :style="{ marginTop: '20px' }">
+        <SButton :onClick="goBack" :rounded="50">关闭</SButton>
+      </view>
       <ScreenHint2 :show="showTip || showTip2" :onClose="closeTip">
         <view class="tip-content">
           <block v-if="showTip">
@@ -190,6 +198,9 @@ onLoad(async (options) => {
   color: #999;
   margin-bottom: 8px;
 }
+.detail-data > view > text {
+  font-weight: 500;
+}
 .question-mark {
   width: 15px;
   height: 15px;

src/pages/point-book-edit.vue

@@ -167,6 +167,7 @@ onMounted(() => {
     </view>
     <view :style="{ marginBottom: '20px' }">
       <SButton
+        :rounded="50"
         :disabled="!clickable"
         :onClick="onSubmit"
         disabledColor="#DDDDDD"