美文网首页
uni-app uni.setNavigationBarColo

uni-app uni.setNavigationBarColo

作者: hao_developer | 来源:发表于2021-06-10 14:45 被阅读0次

\color{red}{最外层view}\换成\color{red}{scroll-view}\

记得样式

<template>
    <scroll-view class="free-content" scroll-y="true" @scrolltolower="scrollBottonListener"
                :style="{background: backgroundColor}">
        <!-- 布局内容 -->
    </scroll-view>
</template>

<script>
export default {
    data() {
        return {
               backgroundColor: '#146762'
        }
    },
    methods: {
        scrollBottonListener(eve){//监听是否滑动到最底部了
            uni.showToast({
                icon:'none',
                title:'到底了'
            })
        }
    }
}
</script>

<style>
    .free-content {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    page {
        width: 100%;
        height: 100%;
    }
</style>

如果有更好的方案

相关文章

网友评论

      本文标题:uni-app uni.setNavigationBarColo

      本文链接:https://www.haomeiwen.com/subject/wfkzsltx.html