fix: 积分商城增加提示

src/views/modules/marketing/points-mall/popup/points-product-config.vue

@@ -102,6 +102,13 @@
           ></el-input-number>
           <el-button @click="increasePoints">+</el-button>
         </div>
+        <!-- 实时提示语句 -->
+        <div class="exchange-tip">
+          用户需要支付 {{ configForm.exchangeRequiredPoints }} 积分 + ¥{{
+            configForm.exchangeRequiredAmount
+          }}
+          即可兑换此商品
+        </div>
       </el-form-item>
 
       <el-form-item
@@ -125,6 +132,13 @@
           ></el-input-number>
           <el-button @click="increasePoints">+</el-button>
         </div>
+        <!-- 实时提示语句 -->
+        <div class="exchange-tip">
+          用户需要支付 {{ configForm.exchangeRequiredPoints }} 积分 + ¥{{
+            configForm.exchangeRequiredAmount
+          }}
+          即可兑换此商品
+        </div>
       </el-form-item>
 
       <el-form-item
@@ -139,6 +153,10 @@
           :readonly="true"
           style="width: 200px"
         ></el-input>
+        <!-- 最低兑换金额提示 -->
+        <div class="minimum-amount-tip">
+          提示：为符合商业支付规范，用户在使用积分兑换时仍需支付最少0.01元的金额
+        </div>
       </el-form-item>
 
       <el-form-item
@@ -395,4 +413,26 @@ export default {
     margin-left: 10px;
   }
 }
+
+.exchange-tip {
+  margin-top: 8px;
+  padding: 8px 12px;
+  background: #fff2e8;
+  border: 1px solid #ffb366;
+  border-radius: 4px;
+  color: #e6a23c;
+  font-size: 14px;
+  line-height: 1.4;
+}
+
+.minimum-amount-tip {
+  margin-top: 8px;
+  padding: 8px 12px;
+  background: #e8f4ff;
+  border: 1px solid #66b3ff;
+  border-radius: 4px;
+  color: #409eff;
+  font-size: 14px;
+  line-height: 1.4;
+}
 </style>