美文网首页
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