搞搞搞

src/components/FeedBack.vue

@@ -278,6 +278,7 @@ function onSubmit() {
           &[disabled]{
             background-image: url(@/assets/images/button-cancel-bg.png);
             cursor: not-allowed;
+            color: #fff;
           }
         }
       }

src/components/PrizeRedeem.vue

@@ -57,7 +57,7 @@
             消费
           </div>
           <div class="value">
-            -{{ consume }}
+            -{{ props.prizeData.score }}
           </div>
         </div>
         <div class="row-score-remain">
@@ -107,6 +107,13 @@ const store = useStore()
 
 const $env = inject('$env')
 
+const props = defineProps({
+  prizeData: {
+    type: Object,
+    required: true,
+  }
+})
+
 const emit = defineEmits(['close'])
 
 const isShowVerifiCode = ref(true)
@@ -122,9 +129,8 @@ const contact = ref('')
 const feedback = ref('')
 
 const current = ref(424)
-const consume = ref(200)
 const remain = computed(() => {
-  return current.value - consume.value
+  return current.value - props.prizeData.score
 })
 
 const canSubmit = computed(() => {
@@ -354,6 +360,7 @@ function onSubmit() {
           &[disabled]{
             background-image: url(@/assets/images/button-cancel-bg.png);
             cursor: not-allowed;
+            color: #fff;
           }
         }
       }

src/views/ShopView.vue

@@ -73,7 +73,11 @@
       <span class="value">4000</span>
     </div>
 
-    <PrizeRedeem />
+    <PrizeRedeem
+      v-if="isShowRedeem"
+      :prize-data="redeemPrizeData"
+      @close="redeemPrizeData = {}, isShowRedeem = false"
+    />
   </div>
 </template>
 
@@ -153,8 +157,11 @@ const prizeList = ref([
   },
 ])
 
+const isShowRedeem = ref(false)
+const redeemPrizeData = ref({})
 function onClickPrizeItem(prizeItem) {
-
+  redeemPrizeData.value = prizeItem
+  isShowRedeem.value = true
 }
 </script>