Explorar o código

feat: 支付成功页面添加开发票提示

cuiyalong %!s(int64=2) %!d(string=hai) anos
pai
achega
d787b54b41
Modificáronse 1 ficheiros con 14 adicións e 2 borrados
  1. 14 2
      src/views/pay/PaySuccess.vue

+ 14 - 2
src/views/pay/PaySuccess.vue

@@ -17,8 +17,11 @@
         <van-cell center title="订单编号" :value="ordercode" />
       </van-cell-group>
     </div>
-    <div class="j-button-group j-footer">
-      <button class="j-button-confirm" @click="onConfirm">查看订单</button>
+    <div class="j-footer">
+      <div class="tip highlight-text">如需发票,可点击【查看订单】前往开票</div>
+      <div class="j-button-group">
+        <button class="j-button-confirm" @click="onConfirm">查看订单</button>
+      </div>
     </div>
   </div>
 </template>
@@ -140,4 +143,13 @@ export default class PaySuccess extends Vue {
       margin-top: 8px;
     }
   }
+  .tip {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 16px 0;
+    font-size: 14px;
+    line-height: 20px;
+    background-color: #fff;
+  }
 </style>