HandOver-liuwu
/
mobileclient
mirror of https://codeup.aliyun.com/lsxd/marketing/mobileclient.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: 优化h5页面

This commit is contained in:
zhangds 2024-03-07 14:42:51 +08:00
parent 7cf528bd17
commit d3cd5f7b9b
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packkey/bm-index.html
View File

@ -59,10 +59,13 @@
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
<!-- 说明 --> <div class="bm-goods-info">
<div class="use-mark"> <h4 class="title">{{state.goodsName}}</h4>
<img :src="state.useMarkUrl" alt="">
</div> </div>
<!-- 说明 -->
<!-- <div class="use-mark">
<img :src="state.useMarkUrl" alt="">
</div> -->
<!-- 底部 --> <!-- 底部 -->
<footer class="footer"> <footer class="footer">
@ -149,8 +152,8 @@
</div> </div>
</body> </body>
<script> <script>
// let bm_auth_moni_data = { token: "9a4e2010690a717b981e268a0dbfb05e", settlement_data: { is_settlement: true, settlement_type: 2 } }; 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_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 bm_obj_data = sessionStorage.getItem("bm_auth") ? JSON.parse(sessionStorage.getItem("bm_auth")) : null;
const { createApp, ref, reactive, onMounted } = Vue; const { createApp, ref, reactive, onMounted } = Vue;
@ -165,7 +168,8 @@
showToast: false, showToast: false,
type: 0, // 1商品 2立减金 3红包 4组合商品 -> 兑换码类型 type: 0, // 1商品 2立减金 3红包 4组合商品 -> 兑换码类型
channel: 1, // 1支付宝 2微信 3云闪付 -> 渠道平台 channel: 1, // 1支付宝 2微信 3云闪付 -> 渠道平台
receive_mode: 1 // 1官方领取 2账号领取 -> 领取方式 receive_mode: 1, // 1官方领取 2账号领取 -> 领取方式
goodsName: ""
}) })
const openToast = (msg) => { const openToast = (msg) => {
@ -276,7 +280,7 @@
window.location.replace("./homepage.html"); window.location.replace("./homepage.html");
}, 300) }, 300)
} else { } else {
state.goodsName = res.data[0].entity.product_name;
state.type = res.data[0].type; // 1商品 2立减金 3红包 4组合商品 -> 兑换码类型 state.type = res.data[0].type; // 1商品 2立减金 3红包 4组合商品 -> 兑换码类型
state.channel = Number(res.data[0].entity.channel); // 1支付宝 2微信 3云闪付 -> 渠道平台 state.channel = Number(res.data[0].entity.channel); // 1支付宝 2微信 3云闪付 -> 渠道平台
state.receive_mode = Number(res.data[0].entity.receive_mode); // 1官方领取 2账号领取 -> 领取方式 state.receive_mode = Number(res.data[0].entity.receive_mode); // 1官方领取 2账号领取 -> 领取方式

14
packkey/style.css
View File

@ -91,7 +91,7 @@ a {
#app { #app {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
background-color: #f6f6f6; background-color: #fff;
} }
.goods-main { .goods-main {
@ -112,6 +112,12 @@ a {
width: 100%; width: 100%;
} }
.bm-goods-info {
border-top: 0.08rem solid #f3f5f7;
background-color: #fff;
padding: 0.3rem 0 0.3rem 0.3rem;
}
.use-mark { .use-mark {
padding-top: 1px; padding-top: 1px;
margin: 0.08rem auto 0 auto; margin: 0.08rem auto 0 auto;
@ -123,11 +129,11 @@ a {
.footer { .footer {
width: 3.75rem; width: 3.75rem;
height: 0.9rem; height: 0.6rem;
background-color: #ffffff; background-color: #ffffff;
text-align: center; text-align: center;
position: fixed; /* position: fixed;
bottom: 0; bottom: 0; */
padding-top: 0.05rem; padding-top: 0.05rem;
display: flex; display: flex;
justify-content: center; justify-content: center;