添加支付广告

src/pages/pay/index.vue

@@ -3,6 +3,9 @@
         <div class="topbar" ref="topbar">
             <van-nav-bar left-arrow v-if="$route.meta.showNavBar" :title="$route.meta.title" @click-left="$router.back()" :style="{backgroundColor: $route.meta.navBarBackgroundColor}" />
         </div>
+        <div class="adv" v-if="adv">
+            <img :src="adv.cover"  alt="">
+        </div>
         <div class="pay-info">
             <h1 class="amount"><b>￥</b>{{query.amount}}</h1>
             <div class="order-info">
@@ -34,10 +37,10 @@
                     </van-cell-group>
                 </van-radio-group>
             </div>
-            
+
             <div class="pay-button-container">
-                <van-button v-if="query.order_id" block type="primary" round class="pay-button" @click="onContinuePayOrder">确认支付</van-button>
-                <van-button v-else block type="primary" round class="pay-button" @click="onCreatePayOrder">确认支付</van-button>
+                <van-button v-if="query.order_id" block type="primary" round class="pay-button" @click="onContinuePayOrder">确认支付到寺院对公账户</van-button>
+                <van-button v-else block type="primary" round class="pay-button" @click="onCreatePayOrder">确认支付到寺院对公账户</van-button>
             </div>
         </div>
     </div>
@@ -50,7 +53,7 @@ import {
     createPay,
     createMeritBoxOrder,
     createCommonOrder,
-    createLightOrder
+    createLightOrder, getPayAdv
 } from "@/api";
 import { requestPayment } from '@/common/wechat-web';
 import { mapState } from "vuex";
@@ -61,7 +64,8 @@ export default {
     data(){
         return {
             query: this.$route.query,
-            payType: '1'
+            payType: '1',
+            adv: null,
         }
     },
     computed: {
@@ -71,7 +75,11 @@ export default {
         this.wechatReady(() => {
 
         })
-
+        getPayAdv().then(res => {
+            if(res){
+                this.adv = res;
+            }
+        })
     },
     methods: {
         onContinuePayOrder(){
@@ -90,7 +98,7 @@ export default {
                 const request = { ...this.query }
                 const order = await createBrickDayOrder(request)
                 await this.onPayment(order)
-                return  
+                return
             }
 
             // 创建功德箱订单
@@ -103,7 +111,7 @@ export default {
                 }
                 const order = await createMeritBoxOrder(request)
                 this.onPayment(order)
-                return  
+                return
             }
 
             // 创建通用商品订单
@@ -148,9 +156,17 @@ export default {
 </script>
 
 <style lang="scss">
+
 .pay{
+    .adv{
+        img{
+            height: 4rem;
+            width: 100%;
+            vertical-align: middle;
+        }
+    }
     .pay-info{
-        padding-top: 2rem;
+        padding-top: 1rem;
         .amount{
             b{
                 font-size: .5rem;
@@ -168,6 +184,7 @@ export default {
             .goods_title{
                 font-size: .4rem;
                 font-weight: bold;
+                line-height: 1.4;
             }
             .goods-lucky-to{
                 font-size: .35rem;