diff --git a/coupon/lookCard.html b/coupon/lookCard.html
index 13ee90c..304e0d9 100644
--- a/coupon/lookCard.html
+++ b/coupon/lookCard.html
@@ -12,6 +12,8 @@
     <script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
     </script>
     <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></script>
+    <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/loading.css">
+    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/loading.js"></script>
 </head>
 
 <body>
@@ -87,6 +89,9 @@
                     </div>
                 </template>
             </div>
+            <div class="mask" @touchmove.prevent @mousewheel.prevent v-if="loading" ref="load">
+                <preload-component />
+            </div>
         </div>
     </div>
 
@@ -103,7 +108,8 @@
                         show_url: null,
                     },
                     toastShow: false,
-                    toastTip: ''
+                    toastTip: '',
+                    loading: true
                 };
             },
 
@@ -127,10 +133,12 @@
 
                 getInfo () {
                     const orderNumber = localStorage.getItem('orderNumber');
+                    this.loading = true;
                     /* 获取卡密详情 */
                     req.axiosGet(`/key/order/detail/${orderNumber}`).then(res => {
                         if (res.code == 200) {
                             this.cardData = res.data;
+                            this.loading = false;
                         }
                     });
                 },
