🎈 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

View File

@ -30,7 +30,7 @@ body {
background: #f4f6f9;
}
.modal {
.mask {
height: 6rem;
}
}
@ -48,6 +48,19 @@ body {
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 {
padding: 0.1rem 0.1rem 0.2rem;
box-sizing: border-box;

View File

@ -13,6 +13,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>
@ -29,7 +31,11 @@
{{prompt_text}}
</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'>
<p class="title">{{goodsInfo.entity.batch_goods_name}}</p>
<p class='effect_date'>
@ -194,6 +200,7 @@
this.goodsInfo.available = 9;
sessionStorage.setItem('goodsInfo', JSON.stringify(this.goodsInfo));
this.tip(message, 1, '关闭');
this.$refs.app.scrollIntoView();
} else {
this.loading = false;
if (code == 403) {