van-overlay 局部展示
思路:
借助position 进行实现,外层div设置为 position: relative; van-overlay 设置为position: absolute;
代码实现:
Loading.vue
<template>
<van-overlay :show="loading" z-index='999' :class-name="{'position-absolute' :isPart }" lock-scroll='true'>
<div class="wrapper">
<van-loading type="spinner" color="#2BB2C1"/>
</div>
</van-overlay>
</template>
<script>
export default {
name: "Loading"
, props: ["loading", 'isPart']
}
</script>
<style lang="scss" >
@import "../../assets/scss/overlay";
</style>
界面应用
<van-row class="position-relative">
<loading :loading="trendLoading" :isPart="true"/>
</van-row>
后记:
这么简单我为什么还要写?因为今天下雪了~还是大雪~十年来第一次~