From d3cd5f7b9b88f8383ce362f660fdf1fa8f2099c1 Mon Sep 17 00:00:00 2001
From: zhangds <c664256297@163.com>
Date: Thu, 7 Mar 2024 14:42:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96h5=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packkey/bm-index.html | 18 +++++++++++-------
 packkey/style.css     | 14 ++++++++++----
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/packkey/bm-index.html b/packkey/bm-index.html
index 51ea1ce..bb107b7 100644
--- a/packkey/bm-index.html
+++ b/packkey/bm-index.html
@@ -59,10 +59,13 @@
                 <div class="swiper-pagination"></div>
             </div>
 
-            <!-- 说明 -->
-            <div class="use-mark">
-                <img :src="state.useMarkUrl" alt="">
+            <div class="bm-goods-info">
+                <h4 class="title">{{state.goodsName}}</h4>
             </div>
+            <!-- 说明 -->
+            <!-- <div class="use-mark">
+                <img :src="state.useMarkUrl" alt="">
+            </div> -->
 
             <!-- 底部 -->
             <footer class="footer">
@@ -149,8 +152,8 @@
     </div>
 </body>
 <script>
-    // let bm_auth_moni_data = { token: "9a4e2010690a717b981e268a0dbfb05e", settlement_data: { is_settlement: true, settlement_type: 2 } };
-    // const bm_auth = sessionStorage.setItem("bm_auth", JSON.stringify(bm_auth_moni_data));
+    let bm_auth_moni_data = { token: "2978f5dd76e7fbf421ef32b68d10e274", settlement_data: { is_settlement: true, settlement_type: 2 } };
+    const bm_auth = sessionStorage.setItem("bm_auth", JSON.stringify(bm_auth_moni_data));
 
     const bm_obj_data = sessionStorage.getItem("bm_auth") ? JSON.parse(sessionStorage.getItem("bm_auth")) : null;
     const { createApp, ref, reactive, onMounted } = Vue;
@@ -165,7 +168,8 @@
                 showToast: false,
                 type: 0, // 1商品  2立减金  3红包 4组合商品  -> 兑换码类型
                 channel: 1, // 1支付宝  2微信 3云闪付 -> 渠道平台
-                receive_mode: 1 // 1官方领取 2账号领取 -> 领取方式
+                receive_mode: 1, // 1官方领取 2账号领取 -> 领取方式
+                goodsName: ""
             })
 
             const openToast = (msg) => {
@@ -276,7 +280,7 @@
                             window.location.replace("./homepage.html");
                         }, 300)
                     } else {
-
+                        state.goodsName = res.data[0].entity.product_name;
                         state.type = res.data[0].type; // 1商品  2立减金  3红包 4组合商品  -> 兑换码类型 
                         state.channel = Number(res.data[0].entity.channel); // 1支付宝  2微信 3云闪付 -> 渠道平台
                         state.receive_mode = Number(res.data[0].entity.receive_mode); // 1官方领取 2账号领取 -> 领取方式
diff --git a/packkey/style.css b/packkey/style.css
index 77f5cf9..97219eb 100644
--- a/packkey/style.css
+++ b/packkey/style.css
@@ -91,7 +91,7 @@ a {
 #app {
   width: 100%;
   min-height: 100vh;
-  background-color: #f6f6f6;
+  background-color: #fff;
 }
 
 .goods-main {
@@ -112,6 +112,12 @@ a {
   width: 100%;
 }
 
+.bm-goods-info {
+  border-top: 0.08rem solid #f3f5f7;
+  background-color: #fff;
+  padding: 0.3rem 0 0.3rem 0.3rem;
+}
+
 .use-mark {
   padding-top: 1px;
   margin: 0.08rem auto 0 auto;
@@ -123,11 +129,11 @@ a {
 
 .footer {
   width: 3.75rem;
-  height: 0.9rem;
+  height: 0.6rem;
   background-color: #ffffff;
   text-align: center;
-  position: fixed;
-  bottom: 0;
+  /* position: fixed;
+  bottom: 0; */
   padding-top: 0.05rem;
   display: flex;
   justify-content: center;