fix: 优化h5页面
This commit is contained in:
parent
7cf528bd17
commit
d3cd5f7b9b
|
@ -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账号领取 -> 领取方式
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue