✨ feat(捐花组件): 快捷选择花花模块，代码优化

@@ -8,19 +8,9 @@
       </div>
       </div>
       <div class="shortcut-choose-wrapper">
       <div class="shortcut-choose-wrapper">
         <van-row gutter="10">
         <van-row gutter="10">
-          <van-col span="8">
-            <div :class="['base-item', checked_one_flower ? 'checked-item' : 'uncheck-item']" @click="checkFlower(1)">
-              1朵花花
-            </div>
-          </van-col>
-          <van-col span="8">
-            <div :class="['base-item', checked_two_flower ? 'checked-item' : 'uncheck-item']" @click="checkFlower(2)">
-              2朵花花
-            </div>
-          </van-col>
-          <van-col span="8">
-            <div :class="['base-item', checked_three_flower ? 'checked-item' : 'uncheck-item']" @click="checkFlower(3)">
-              3朵花花
+          <van-col v-for="(v, index) in checkList" :key="index" span="8">
+            <div :class="['base-item', donate_number === +index ? 'checked-item' : 'uncheck-item']" @click="donate_number = +index">
+              {{ v }}
             </div>
             </div>
           </van-col>
           </van-col>
         </van-row>
         </van-row>
@@ -30,7 +20,7 @@
         <van-row>
         <van-row>
           <van-col span="12">&nbsp;花花数量 </van-col>
           <van-col span="12">&nbsp;花花数量 </van-col>
           <van-col span="12" style="text-align: right;">
           <van-col span="12" style="text-align: right;">
-            <van-stepper v-model="donate_number" min="1" max="100" integer input-width="40px" button-size="32px" @change="onChangeDonate" />
+            <van-stepper v-model="donate_number" min="1" max="100" integer input-width="40px" button-size="32px" />
           </van-col>
           </van-col>
         </van-row>
         </van-row>
       </div>
       </div>
@@ -110,16 +100,6 @@ const props = defineProps({
 const emit = defineEmits(['on-close']);
 const emit = defineEmits(['on-close']);
 
 
 let donate_number = ref(1);
 let donate_number = ref(1);
-// 捐赠数量回调
-const onChangeDonate = (v) => {
-  if (v > 3) { // 大于3朵取消选中
-    checked_one_flower.value = false;
-    checked_two_flower.value = false;
-    checked_three_flower.value = false;
-  } else {
-    checkFlower(v)
-  }
-}
 const donateBook = () => {
 const donateBook = () => {
   // 爱心捐书接口
   // 爱心捐书接口
   axios.post('/srv/?a=add_donate', {
   axios.post('/srv/?a=add_donate', {
@@ -202,31 +182,11 @@ onMounted(() => {
 
 
 })
 })
 // 选择捐赠数量
 // 选择捐赠数量
-const checked_one_flower = ref(true);
-const checked_two_flower = ref(false);
-const checked_three_flower = ref(false);
-const checkFlower = (number) => {
-  switch (number) {
-    case 1:
-      checked_one_flower.value = true;
-      checked_two_flower.value = false;
-      checked_three_flower.value = false;
-      donate_number.value = 1;
-      break;
-    case 2:
-      checked_one_flower.value = false;
-      checked_two_flower.value = true;
-      checked_three_flower.value = false;
-      donate_number.value = 2;
-      break;
-    case 3:
-      checked_one_flower.value = false;
-      checked_two_flower.value = false;
-      checked_three_flower.value = true;
-      donate_number.value = 3;
-      break;
-  }
-}
+const checkList = ref({
+  1: '1朵金花',
+  2: '2朵金花',
+  3: '3朵金花',
+});
 // 捐赠协议
 // 捐赠协议
 const agreed = ref(false);
 const agreed = ref(false);
 // 显示捐赠协议弹框
 // 显示捐赠协议弹框