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

🎈 per: 优化用户体验

This commit is contained in:
wangsongsole 2023-11-23 11:06:53 +08:00
parent 8de77c0ff8
commit 55fac5c36e
2 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
zfb-redPackets.css
View File

@ -30,7 +30,7 @@ body {
background: #f4f6f9; background: #f4f6f9;
} }
.modal { .mask {
height: 6rem; height: 6rem;
} }
} }
@ -48,6 +48,19 @@ body {
background-color: rgb(250, 67, 59); background-color: rgb(250, 67, 59);
} }
.mask {
background: rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 9999;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.box { .box {
padding: 0.1rem 0.1rem 0.2rem; padding: 0.1rem 0.1rem 0.2rem;
box-sizing: border-box; box-sizing: border-box;

9
zfb-redPackets.html
View File

@ -13,6 +13,8 @@
<script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322"> <script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
</script> </script>
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></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> </head>
<body> <body>
@ -29,7 +31,11 @@
{{prompt_text}} {{prompt_text}}
</div> </div>
<div class="box" :class="{disb:goodsInfo.available==9}"> <div class="mask" @touchmove.prevent @mousewheel.prevent v-if="loading" ref="load">
<preload-component />
</div>
<div class="box" :class="{disb:goodsInfo.available==9}" ref="app">
<div class='top'> <div class='top'>
<p class="title">{{goodsInfo.entity.batch_goods_name}}</p> <p class="title">{{goodsInfo.entity.batch_goods_name}}</p>
<p class='effect_date'> <p class='effect_date'>
@ -194,6 +200,7 @@
this.goodsInfo.available = 9; this.goodsInfo.available = 9;
sessionStorage.setItem('goodsInfo', JSON.stringify(this.goodsInfo)); sessionStorage.setItem('goodsInfo', JSON.stringify(this.goodsInfo));
this.tip(message, 1, '关闭'); this.tip(message, 1, '关闭');
this.$refs.app.scrollIntoView();
} else { } else {
this.loading = false; this.loading = false;
if (code == 403) { if (code == 403) {