<template>
<u-navbar title='页面滚动' autoBack :bgColor="`rgba(255,255,255,${opacity})`">
</u-navbar>
</template>
<script>
export default {
data() {
return {
opacity: 0
}
},
onPageScroll(e) {
if (e.scrollTop <= 44) {
this.opacity = e.scrollTop / 44 * 1
} else if (e.scrollTop > 44) {
this.opacity = 1
}
},
}
</script>
uniapp navbar栏 页面滑动 背景颜色从透明到白色
最新推荐文章于 2024-06-18 11:08:56 发布