update

src/views/api2gpt/pay/index.vue

@@ -1,7 +1,9 @@
 <template>
     <div class="container">
       <a-spin style="width: 100%">
-        <a-card :style="{ width: '500px', marginBottom: '20px' }">
+         <a-row >
+            <a-col :span="6">
+              <a-card :style="{ marginBottom: '20px' }">
                 <div
                   :style="{
                     display: 'flex',
@@ -10,7 +12,7 @@
                   }"
                 >
                 <span>充值 ：
-          <a-input-number  v-model="paymentPrice" :style="{width:'200px'}" :default-value="10" :step="1" :precision="1" mode="button" :min="0.1" :max="100" class="input-demo" /></span>
+                <a-input-number  v-model="paymentPrice" :default-value="10" :step="1" :precision="1" mode="button" :min="0.1" :max="100" class="input-demo" /></span>
                 <a-button type="primary" @click="handlePayment" :loading="loading">
                   <template #icon>
                     <icon-alipay-circle />
@@ -20,10 +22,31 @@
                 </a-button>
                 </div>
               </a-card>
+              <a-alert type="success">
+                <template #title>
+                  友情提醒
+                </template>
+                第一次充值建议先小额进行试用，充值最高100元
+              </a-alert>
+          </a-col>
+          <a-col :span="12">
+            <a-alert type="warning">
+              <template #title>
+                充值说明
+              </template>
+              1. 充值后不支持退款，建议先小额充值进行测试，平台不限制最低充值金额，请按需充值。<br/>
+              2. 定价页面没写的模型和接口即不支持，不是所有的接口都支持，有特殊需求的朋友要注意。<br/>
+              3. 支付宝充值到账一般为几秒钟到几分钟，但是偶尔也会遇到延迟比较高的情况，如果遇到支付状态长时间没有变化，请点击手动刷新更新状态即可<br/>
+              4. 商务订制等大需求，请联系客服<br/>
+            </a-alert>
+          </a-col>
+        </a-row>
+        
         <a-card
         class="general-card"
         :header-style="{ paddingBottom: '0' }"
         :body-style="{ padding: '17px 20px 21px 20px' }"
+        :style="{ marginTop: '20px' }"
         >
         <template #title>
             充值历史