🎈 per: 优化用户体验
This commit is contained in:
parent
8de77c0ff8
commit
55fac5c36e
|
@ -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;
|
||||
|
|
|
@ -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) {
|
||||
|
|
Loading…
Reference in New Issue